Responsive Navbar with Bootstrap 4



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


48 responses to “Responsive Navbar with Bootstrap 4”

  1. 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.

  2. 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.

  3. 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..

  4. 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 –__

  5. 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?

Leave a Reply