Tap to unmute

Responsive Bootstrap Website Tutorial with Full Screen Landing Page

  Рет қаралды 334,813

Drew Ryan

Drew Ryan

Күн бұрын

Пікірлер: 266
@drewr
@drewr 6 жыл бұрын
Hi guys, thanks for supporting my channel and taking my Bootstrap Theme Udemy Course. :)
@MoneyManden
@MoneyManden 6 жыл бұрын
What size is your logo?
@spiralmusic7781
@spiralmusic7781 6 жыл бұрын
Drew Ryan how you doing im a beginer to learn bootstrap i tried many time to practice that tuto yo sent but it's not worked I want you to guide me a little please...
@spiralmusic7781
@spiralmusic7781 6 жыл бұрын
Im waiting your answer please...
@MoneyManden
@MoneyManden 6 жыл бұрын
Do you actually expect to get an answer in 1 minute. This video is over 4 months old.
@drewr
@drewr 6 жыл бұрын
Hey the logo is 190px X 55px.
@w00borg34
@w00borg34 4 жыл бұрын
this is how tutorials should be. no sketchy methods, clear explanations, straight to the point, and concise. thank you
@donaldjr.labajo5687
@donaldjr.labajo5687 4 жыл бұрын
Man, you are truly a lifesaver! Really amazing tutorial! I've just finished bootstrap bootcamp and started my first webpage and i must admit, this really clarified everything about using divs as containers for styling. Thank you!
@rebeccajane8984
@rebeccajane8984 4 жыл бұрын
I am new to bootstrap. I found it overwhelming at first. This is so much easier to follow. Thank you !
@juliuswaweru1904
@juliuswaweru1904 6 жыл бұрын
You are awesome. I had watched more than 10 videos before, and none provide what I wanted. Because of you, I just made a responsive site.
@GuiStudios
@GuiStudios 6 жыл бұрын
Hello man, I'm brazilian and I'm learning a lot of things with you, thanks for the good content!
@drewr
@drewr 6 жыл бұрын
Thanks for watching!
@khandaeejan
@khandaeejan 6 жыл бұрын
Holy mother of tutorials. Bro your tutorials are so intresting and engaging. Keep it up man
@drewr
@drewr 6 жыл бұрын
Thanks Saeed! I appreciate it but I've also had some better tutorials since this video too 😎
@khandaeejan
@khandaeejan 6 жыл бұрын
@@drewr im watching them one by one. Ad block off on this channel.
@drewr
@drewr 6 жыл бұрын
Awesome, thanks!
@obinnammerem5104
@obinnammerem5104 4 жыл бұрын
You're the best Drew.. Learning web design has never been interesting and engaging till i found your channel. Your production is so smooth and professional. Thanks for putting this out there. can't wait for more. I'm setting a target to be a professional by mid-2021(fingers-crossed)
@KrystianWlr
@KrystianWlr 6 жыл бұрын
Those 43m and 27s taught my more about using Boostrap than few hours elsewhere. Nice! Big thx! For people who are having problems with displaying the background image ("home" and "id"), try changing the path to "background: url('../img/mountains.jpg');" - this should help. Cheers!
@eugenioguarino9847
@eugenioguarino9847 6 жыл бұрын
Thanks
@stargazer3049
@stargazer3049 4 жыл бұрын
I know you posted this awhile ago but thanks so much! It was driving me crazy.
@ThereseSherman
@ThereseSherman 4 жыл бұрын
That was so smooth and easy to follow. Thanks Drew!
@programmingwithreb2826
@programmingwithreb2826 6 жыл бұрын
Thanks Drew! Awesome tutorial. I dont skip or block ads when watching your channel man. Keep it up!
@drewr
@drewr 6 жыл бұрын
Thanks I appreciate it!
@poetsunday
@poetsunday Жыл бұрын
Thank you Drew, I love all of your tutorials, they are well presented, very informative. I have gone from average to good just with some of your guidance. With more practice, I hope to be better!
@F0RCEFI3LD
@F0RCEFI3LD 6 жыл бұрын
you sir, deserve my sub! thank you. Sincerely, a guy who needs this for a project and is eager to learn!
@yndev
@yndev 6 жыл бұрын
Excellent tutorial. You posted this a day after my birthday, so I know it's a sign for me to use it. Haha, thanks, Drew!
@manotlj
@manotlj 6 жыл бұрын
A good basic bootstrap tutorial, appreciate.
@drewr
@drewr 6 жыл бұрын
Thanks Manot! Check out my later videos for the Bootstrap 4 update.
@iioStefanoS
@iioStefanoS 5 жыл бұрын
Very well explained ! Right speed, right pace ! Thank you for this video ! Blessings !
@SILENTKILLER-kj8uq
@SILENTKILLER-kj8uq 6 жыл бұрын
dude you are owsome and i loved the way you teach and one more thing always tell us which tag or element for which thing you are using means in all videos of yours you are telling from start to end all the things thank you for helping us
@D4ddi0G4m3r
@D4ddi0G4m3r 5 жыл бұрын
Taught me more in one or 2 videos that 1/2 a year with my online teacher. As a super beginner though I felt a little left behind. But I could pause it so that wasn't too much trouble,
@kmcg101
@kmcg101 6 жыл бұрын
Great tutorial, thanks. I wish you included the part where you link the nav buttons to different pages.
@royersegura5991
@royersegura5991 3 жыл бұрын
You're the best thanks a lot for making this video.
@hugoangers8991
@hugoangers8991 3 жыл бұрын
Another really usefull tutorial! Thanks a lot Drew! Please do more tutorials! ;)
@UnknownUser-qq1od
@UnknownUser-qq1od 4 жыл бұрын
I liked it. I wish you'd explain what the options meant in the CSS though. Things like 'table' 'relative' etc. Because I wouldn't know what to mess with what not to mess with while keeping a certain feature.
@ENTERTAININGGAMECHANNEL
@ENTERTAININGGAMECHANNEL 5 жыл бұрын
REALLY AMAZING VIDEO 👍👍👍👍
@maneetkaur2502
@maneetkaur2502 5 жыл бұрын
What a clear cut detailed explanation have never got anywhere 👌🏻👌🏻
@c00nect51
@c00nect51 5 жыл бұрын
Great job. I love your videos you are very clear and with good speed explaining everything. Thank you
@ahmedabdulamir7600
@ahmedabdulamir7600 6 жыл бұрын
Hey good to see you again dude .. really helpful tut .. thanks .. I am na try to make it ASAP. Big Thanks bro
@lico3850
@lico3850 6 жыл бұрын
Thank you!!! It helps a lot for me! From South Korea.
@ternomhwange1079
@ternomhwange1079 5 жыл бұрын
I love Drew Ryan. You are the best
@kingkas1275
@kingkas1275 6 жыл бұрын
i am glad to see you again thanks
@hw7727
@hw7727 5 жыл бұрын
Excellent video. I actually created my first real landing page based on your tutorial. Thanks. I also purchased your course on udemy. Keep up the good work.
@mustaphamohammedismail6685
@mustaphamohammedismail6685 5 жыл бұрын
I really enjoyed your tutorial. It has helped me so much in understanding a lot of things i didn't understand before. Thank You so much Drew.
@HindiNewsTodayIndia
@HindiNewsTodayIndia 6 жыл бұрын
Great Work Bro .... Simple and Efficent
@adittyaistiak3504
@adittyaistiak3504 4 жыл бұрын
learning from you in 2020. So helpful...
@federicolinos8853
@federicolinos8853 5 жыл бұрын
Thanks a lot man! Liked and Subscribed!
@iqrauszud1513
@iqrauszud1513 6 жыл бұрын
I am saying to Bangladesh, every video you like very much, so i am very happy to see your video so thank you very much. I pray that I can be a developer like you.
@gattorr
@gattorr 6 жыл бұрын
Nice tutorial man. One of the best...keep going.
@drewr
@drewr 6 жыл бұрын
Thanks!
@devanshishah9481
@devanshishah9481 5 жыл бұрын
Watched @40:50 .. subscribed immediately
@muhammadarslanafzal2209
@muhammadarslanafzal2209 5 жыл бұрын
How beautifully you explained..impressive sir Need more videos like this ..
@nagari_ishere
@nagari_ishere 6 жыл бұрын
love and respect from Pakistan
@jalalbmnf
@jalalbmnf 5 жыл бұрын
THANK YOU BRO. YOU HELP ME FOR RESPONSIVE...GOOD LUCK FOR YOU AT EVERYWHERE
@gabrielluizon
@gabrielluizon 4 жыл бұрын
Congratulations for your work! Man, one thing that caught me this time is that I don't know how to link the menu buttons to the divs, I think you never covered that subject on this tutorial. Can you help me? Thanks!
@benjaminjohn6711
@benjaminjohn6711 6 жыл бұрын
Really NICE. You are good. Speed is PERFECT. Thank You very much.
@drewr
@drewr 6 жыл бұрын
Thanks! 😎
@kwynintelligence435
@kwynintelligence435 4 жыл бұрын
Great ...thank you. Speed is o.k. ... fantastic learning curve
@subratamanna7671
@subratamanna7671 6 жыл бұрын
I don't know bootstrap design but watch your vidio and learn thanks Boss👌
@dragonballssuper1340
@dragonballssuper1340 2 жыл бұрын
Thanks u so much u r the best
@gloriabukachi1
@gloriabukachi1 6 жыл бұрын
Very clear and well understood. Thank you. I better upgrade my project to bootstrap!
@ibrargujjar3957
@ibrargujjar3957 6 жыл бұрын
Thank you very much its really helpfull and quite easy to learn
@joaquinsalas9749
@joaquinsalas9749 5 жыл бұрын
Thank you, thankyouuuuuuu !!! :)
@guillecobo_
@guillecobo_ 5 жыл бұрын
I havn't finished it yet, but i really got a say thanks dude!
@shivaniparekh3210
@shivaniparekh3210 6 жыл бұрын
Thank You ! Really helpful :) .
@KrieppeN
@KrieppeN 3 жыл бұрын
Amazing, thank you so much! 🙏
@stoutstaff
@stoutstaff 6 жыл бұрын
Great video, just the right speed in my opinion 👍🏿
@drewr
@drewr 6 жыл бұрын
Thanks!
@johnjoannishatsios3730
@johnjoannishatsios3730 4 жыл бұрын
Speed is fine Keep going
@Alexinfo178
@Alexinfo178 6 жыл бұрын
very great tutorial. thank you :)
@uimonk
@uimonk 6 жыл бұрын
much needed video thank you so much
@roshanroydsouza8
@roshanroydsouza8 5 жыл бұрын
Thank you helped me lot to understand the concept plz keep uploading videos 👍
@sunilshinde4595
@sunilshinde4595 2 жыл бұрын
awesome sir..
@consciouselevations
@consciouselevations 5 жыл бұрын
Thank you so much for this tutorial
@gideonpaul3923
@gideonpaul3923 3 жыл бұрын
Good tutorial bro!
@melvintheduke
@melvintheduke 6 жыл бұрын
Hello Drew Ryan...your tutorials are so nice. Kindly let me know whether you have more tutorials on responsive image sliders. Thanks.
@anthonyudeagbala8558
@anthonyudeagbala8558 4 жыл бұрын
Amazing tutorial
@mehedihasan-ki2zn
@mehedihasan-ki2zn 4 жыл бұрын
Awesome. Tutorial
@DirectionSchoolBilqeesCampus
@DirectionSchoolBilqeesCampus 2 жыл бұрын
its a great work .
@AlaminHossain-cf9qw
@AlaminHossain-cf9qw 5 жыл бұрын
thanka so much for the tutorial
@rajeshyadav8987
@rajeshyadav8987 3 жыл бұрын
Really , awesome video
@yasuhiroterada5817
@yasuhiroterada5817 4 жыл бұрын
thank you for good contents!
@mihajlodjokic596
@mihajlodjokic596 6 жыл бұрын
Collapsing menu doesnt works for me : Home About Services Testiomonials Contact
@TIMEPASS-th3hk
@TIMEPASS-th3hk 5 жыл бұрын
wow really super.thank u
@TRENDING-fc2dn
@TRENDING-fc2dn Жыл бұрын
good work bro👍
@10K-484
@10K-484 5 жыл бұрын
8:01 what link were you talking about instead of the pound symbol????
@maulik1644
@maulik1644 5 жыл бұрын
Beautiful page✌✌💕
@MrSaifqureshi
@MrSaifqureshi 5 жыл бұрын
awesome very helpful
@darkman8939
@darkman8939 6 жыл бұрын
*Thank you so much !*
@sirikbanget123
@sirikbanget123 5 жыл бұрын
awesome!
@gor2em
@gor2em 5 жыл бұрын
thanks great video
@nicokang7613
@nicokang7613 6 жыл бұрын
Thanks for the amazing videos. Would like to know what would be the best way to vertically align the images (sass.png/less.png/...) to the center of the column?
@drewr
@drewr 6 жыл бұрын
Thanks for all of the likes on this video! Included in the Starter Files Download is a quick fix for the landing page image and fixed image in the Bootstrap website :)
@SerbSimulator
@SerbSimulator 6 жыл бұрын
Many thanks, I've been looking for "subscription landing pages" for a while now, and I think this has helped. Have you heard people talk about - Doniden Landify Pages - (should be on google have a look ) ? Ive heard some interesting things about it and my buddy got amazing success with it.
@NatHaeus
@NatHaeus 6 жыл бұрын
great brother thanks you!
@XBoysGaming22
@XBoysGaming22 6 жыл бұрын
Great video!
@drewr
@drewr 6 жыл бұрын
Hey thanks!
@kelvinferraz4400
@kelvinferraz4400 6 жыл бұрын
man, you have an example how to put a video in the background? but just behind of navbar?
@AhmedTheCoder
@AhmedTheCoder 4 жыл бұрын
thank you very much
@malaikaikhlaq2989
@malaikaikhlaq2989 5 жыл бұрын
THANK YOU!
@shinigami2669
@shinigami2669 4 жыл бұрын
thanks a lot and please make another video with leaving space for ads.
@mikesedaghatnia3279
@mikesedaghatnia3279 6 жыл бұрын
Awesome 👌
@drewr
@drewr 6 жыл бұрын
😎
@Lutzeier.Thomas
@Lutzeier.Thomas 3 жыл бұрын
Superb !
@videoidNL
@videoidNL 5 жыл бұрын
17:07 the text and the image appear in the right size, but show up on the top of the page, what do i need to do??
@GmoneyMozart
@GmoneyMozart 6 жыл бұрын
Welcome back bro. What have you been up to?
@drewr
@drewr 6 жыл бұрын
Thanks Gmoney! Working on getting some consistent uploads!
@ultimatelokal7040
@ultimatelokal7040 6 жыл бұрын
I followed every stepss but it seems that my header navigation fonts style the entire div is not affected with css I've been trying to change it in different colors I cant chaange it. Can you help me sir?
@vitaleerie9237
@vitaleerie9237 6 жыл бұрын
Kindly help me,,please #fixed { background: url(img/image5.jpg) no-repeat center center fixed; display:table; height:60%; position:relative; width:100%; background-size:cover; } it doesn't work; how can i solve it. your another video whose duration was 1:27 hours have the same problem
@drewr
@drewr 6 жыл бұрын
Hi Vital! Sorry for the late reply but here is the HTML and CSS for the background section if you want to double check: BOOTSTRAP Learn the basic building blocks. Get Started #fixed { background: url(img/background.jpg) no-repeat center center fixed; display: table; height: 60%; position: relative; width: 100%; background-size: cover; }
@vitaleerie9237
@vitaleerie9237 6 жыл бұрын
It's ok and thanks for replying and sorry sir my main problem is in fixed scrolling part that have 21 min 50sec in your video ;; this output not show or doesn't work in output of my program;; please see and if possible reply me, it help me a lot,thank you sir
@donyormuhibullaev8015
@donyormuhibullaev8015 5 жыл бұрын
thank you.
@LilyApak
@LilyApak 2 ай бұрын
I followed the tutorial, and the page works as it is shown on a Mac. However, on a mobile device (iphone) the background image "mountains" does not show, and the second image shows partially. Is there any way to fix it? I tried the fix from the CSS file and it completely distorted the page.
@FOGTALK
@FOGTALK 6 жыл бұрын
excellent
@subhamoysaha2211
@subhamoysaha2211 6 жыл бұрын
Thank you
@yaredhaile9322
@yaredhaile9322 3 жыл бұрын
man now there is a bootstrap 4 and its a whole different subject. can you do bootstrap 4?
@gauravshinde3758
@gauravshinde3758 3 жыл бұрын
hello drew, my image is not executing , i want to know where the problem
@md.riyasathossain590
@md.riyasathossain590 4 жыл бұрын
Sir, I want to know that what will be the size of the logo?
@jerryhonor1401
@jerryhonor1401 4 жыл бұрын
how can i get those icon of facebook twitter and etc
@hilarryhenry1372
@hilarryhenry1372 4 жыл бұрын
tq Drew
@hamo0osa93
@hamo0osa93 6 жыл бұрын
thanks a lot I followed your steps but my navbar didn't turned out as it should be .. help plz
@abdooagwa911
@abdooagwa911 6 жыл бұрын
welcome back
@drewr
@drewr 6 жыл бұрын
Thanks!
Responsive Bootstrap Website From Scratch - HTML5/CSS3 Tutorial
1:04:36
Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox
15:08
Арыстанның айқасы, Тәуіржанның шайқасы!
25:51
QosLike / ҚосЛайк / Косылайық
Рет қаралды 700 М.
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 30 МЛН
Build An HTML5 Website With A Responsive Layout
1:01:15
Traversy Media
Рет қаралды 3,1 МЛН
Creating a Website with Bootstrap Studio (Tutorial)
27:19
Bootstrap Studio
Рет қаралды 1,3 МЛН
Transparent Login Form with HTML5, CSS3 & Bootstrap 4
26:13
Drew Ryan
Рет қаралды 75 М.
Full Screen Landing Page - Responsive HTML5/CSS3 Tutorial
26:38
Drew Ryan
Рет қаралды 322 М.
Responsive Navigation Bar Tutorial | HTML CSS JAVASCRIPT
35:05
developedbyed
Рет қаралды 1,4 МЛН
Create A Responsive Bootstrap Website From Scratch
1:10:34
Drew Ryan
Рет қаралды 381 М.
Арыстанның айқасы, Тәуіржанның шайқасы!
25:51
QosLike / ҚосЛайк / Косылайық
Рет қаралды 700 М.