• Tuesday , 21 May 2019

Responsive Navbar with Bootstrap 4

Code Canyon
https://i.ytimg.com/vi/L0uNai3XyKQ/hqdefault.jpg



Hey guys, I’m now using Patreon to share improved and updated video lesson material. For a small fee you can access all the downloadable files from this lesson (source code, icons & graphics, cheat sheets) and everything else included in the video from the Patreon page. Additionally, you will get access to ALL Clever Techie videos in HD format with no ads. Thank you so much for supporting Clever Techie 🙂

Download this video’s files here:
https://www.patreon.com/posts/responsive-with-20819321

( You also get access to ALL source code and any downloadable content of ALL Clever Techie videos, as well as access to ALL videos in HD 1080p quality format with all video ads removed! )

““““““““““““““““““““““““““““““““““““““““““““““`

( Website ) https://clevertechie.com – PHP, JavaScript, WordPress, CSS, and HTML tutorials in video and text format with cool looking graphics and diagrams.

( YouTube Channel ) https://www.youtube.com/c/CleverTechieTube

( Google Plus ) https://goo.gl/J71p6f – clever techie video tutorials.

( Facebook ) https://www.facebook.com/CleverTechie/

( Twitter ) https://twitter.com/theclevertechie

Original source

3d Ocean

Related Posts

48 Comments

  1. Abishai Styven
    February 26, 2019 at 14:31

    Why can't I make more than one dropdown?

  2. Patryk Danych
    February 26, 2019 at 14:31

    Anyone know how use .container with collapse? It is ok when I have only .container and my menu options are center. When I try use "collapse navbar-collapse" my menu options are not center 🙁
    Please help.

  3. Christian Toth
    February 26, 2019 at 14:31

    how you insert this overview at 3:58

  4. Mayur Palase
    February 26, 2019 at 14:31

    My navbar is not working. It is not able to collapse I have done the same thing whatever you done here. The only thing is I am using bootstrap through npm.

  5. srinivas sagit
    February 26, 2019 at 14:31

    how to push nav items to right?

  6. Ryan Garcia
    February 26, 2019 at 14:31

    Thanks for sharing your videos. It helps me a lot.

  7. Emir ŞİRİNER
    February 26, 2019 at 14:31

    It is wonderful, practical, easy and convenient.

  8. Nelson J Lozano
    February 26, 2019 at 14:31

    I love it! thanks a lot.

  9. Scott Saccenti
    February 26, 2019 at 14:31

    Easily the best tutorial on this Bootstrap element out there. The inclusion and reference to the cheat sheet was genius, that helped present the available class options in a really mentally-manageable way.
    Subscribed.

  10. Sanam Hamza
    February 26, 2019 at 14:31

    Best Video everrrrr!! thanks alot sir.

  11. DijiFlex CyberTech
    February 26, 2019 at 14:31

    how do i get the boot strap link you have used and the jquery link?

  12. Harishyam Sharma
    February 26, 2019 at 14:31

    Thanks Sir. Really you are a good teacher.

  13. Tutorials,Free Movies, Trailer Dito
    February 26, 2019 at 14:31

    Here in Philippines your so very good teacher I'm 16 years old learning web developing

  14. Rahul b
    February 26, 2019 at 14:31

    Nice tutorial

  15. The SolifigidPhile
    February 26, 2019 at 14:31

    Every time I make a dropdown in bootstrap I get this problem where I get an "open" dropdown when refreshing the page that can't "close" again, do you maybe know what I might've done wrong to cause this problem?

  16. Karamala Sreenivasachari
    February 26, 2019 at 14:31

    please send this code sir

  17. Vladimir Volodin
    February 26, 2019 at 14:31

    Can I add my class into bootstrap class? For example, I add .my_ul, because I want to move it in center of the page:
    <ul class="navbar-nav my_ul">
    <li><a href="">ÜBER UNS</a></li>
    <li><a href="">ÜBER UNS</a></li>
    </ul>
    ———————————————-
    .my_ul{
    margin-left: 330px;
    }
    ______________________________________________
    It works, but I'm not sure , this is properly..

  18. RESHMA SHAIK
    February 26, 2019 at 14:31

    Thank you soooo much for this video

  19. Vladimir Volodin
    February 26, 2019 at 14:31

    Thank you for this lesson, friend. It works!!!

  20. Amartya Aishwarya
    February 26, 2019 at 14:31

    the collapse button is on left. what to do for making it in the right side?

  21. Vân Anh
    February 26, 2019 at 14:31

    Nice tut, thank you very much, it's more easy than i used to do =>so complicated with HTML, CSS and Javascript

  22. ABU SALMAN ABOUBAKER
    February 26, 2019 at 14:31

    And what should u do if you want to float ur ul at the right

  23. ABU SALMAN ABOUBAKER
    February 26, 2019 at 14:31

    waw so nice ur a great teacher

  24. Michael Lubembe
    February 26, 2019 at 14:31

    Thanks. Very clear

  25. রুবেল মিয়া
    February 26, 2019 at 14:31

    Wow! Thankyou sir!!

    Your videos Really helpfull. I'm from Bangladesh.

  26. Input Lite
    February 26, 2019 at 14:31

    How do you make the drop down menu change color?

  27. uzdarbis namuose
    February 26, 2019 at 14:31

    Notworking still

  28. uzdarbis namuose
    February 26, 2019 at 14:31

    navbar-toggler not working bootstrap 4 notworking at all….

  29. TRADE BOOSTER
    February 26, 2019 at 14:31

    Hi Clever Techie,
    I tried this several time but failed at the time of drop down. Can you please help me on my mail id: shayaanmoiz@gmail.com

  30. Rathernot Disclose
    February 26, 2019 at 14:31

    lol this stuff is almost insulting to me. I'm a student right now and everything I make is with raw html/css/javascript. No frameworks. Doing all this same stuff without frameworks is wayyyyyyyyyyyy more work, then I see this stuff like easy mode and i'm like –__

  31. Rohan Desai
    February 26, 2019 at 14:31

    The video is perfect. Just one question: How to change the background-color and text of dropdown menu in list items. Say navbar is black. If dropdown list has white background and black text instead of navbar style black background and white text than its kinda awkward. I created custom css to get round this. Is there any bootstrap function which I can use?

  32. Branden
    February 26, 2019 at 14:31

    Thanks but how do I make a log in and log out link and have it moved to the right

  33. ShillBullshit007
    February 26, 2019 at 14:31

    Ditto great.videos im 50 and i just did a tutorial where the navbar rwndered vertical so im.going to.riddle the navbar myself with your help…thanks buddy…..☺

  34. Brandon Mifsud
    February 26, 2019 at 14:31

    Great Video. Soon, I will have my exam coming up…this is really helpful for sure. Thanks 🙂

  35. arslan ali
    February 26, 2019 at 14:31

    This is the right way to teach Wish all teachers like him Absolutely Marvelous

  36. AmirMr85
    February 26, 2019 at 14:31

    Great tutorial,
    Check this to grow up your skills: https://youtu.be/S4k0HOpMJuQ

  37. Rahul Prajapati
    February 26, 2019 at 14:31

    When i am clicking the collapse icon it is not showing me the list
    please help me that what to i do

  38. Sarah Bakker
    February 26, 2019 at 14:31

    I have to click on my dropdown twice for it to work…any idea why? I have worked on this for days :/ I can send a link if anyone is willing to help, thanks!

  39. mojtaba
    February 26, 2019 at 14:31

    useful tutorial but no money i'm so poor to pay for that 🙁

  40. Caio Suarez
    February 26, 2019 at 14:31

    dudeeeeeeee, thank you so much!!!!!!!!

  41. ilyas chrifi
    February 26, 2019 at 14:31

    The best teacher ever !

  42. Rönny kh
    February 26, 2019 at 14:31

    Someone like you deserves subs <3
    Best way to teach man, really love the way you explain!

  43. Noman Shah
    February 26, 2019 at 14:31

    i purchased a course worth 200$ and it was outdated bootstrap some features did not work so searched internet and your video saved the day thanks man keep it up.

  44. Richard
    February 26, 2019 at 14:31

    Why when i do this do i not get the button to appear? the button works but isn't visible after it has collapsed

  45. Hari Priya
    February 26, 2019 at 14:31

    Really helpful! u r explanation is awsm…keep posting more videos!!

  46. JomaloyTV
    February 26, 2019 at 14:31

    Thanks bro COMMENDED IT REALLY HELPS ME A LOT and your voice is the most responsive i can understand very well 😀

  47. Joshua Jerez
    February 26, 2019 at 14:31

    Great help 🙂 Thank you sir

  48. ABDELHAK MEHDA
    February 26, 2019 at 14:31

    great video.

Leave A Comment

You must be logged in to post a comment.