Bootstrap tutorial 17 – Navigation


https://i.ytimg.com/vi/BuhwVphVFK4/hqdefault.jpg



In this tutorial I show you how to make a navigation in bootstrap.

Useful links:
———————————–
Don’t forget to subscribe:
www.youtube.com/QuentinWatt

Follow me on Twitter:
www.twitter.com/QuentinWatt

Follow me on Facebook:
www.facebook.com/quentin.watt

Feel free to donate:
https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CH68DBULMJ37N
————————————

Original source

18 thoughts on “Bootstrap tutorial 17 – Navigation

  • April 25, 2019 at 15:31
    Permalink

    hey! I've just made stacked nav-pills and I'm using active class into the first list item but the issue is that when ever I turn onto the other list item which is internally linked with the help of ID, my active class do not switch and even on scrolling my page it does the same .. please help me to fix this.

  • April 25, 2019 at 15:31
    Permalink

    How can I add social media links with icons in my navigation bar using flexbox. I can't add icons to links to social websites e.g twitter, Facebook etc in my navigation bar. I would be most grateful for your kind assistance

  • April 25, 2019 at 15:31
    Permalink

    I would like to make my navbar fixed, but I don't want it at the very top of the page. I tried using the code "navbar navbar-fixed-top", but no dice. I tried it both inside and outside of the container with no success. I want it under my top page banner and fixed so that when you scroll, the navbar stays in place. Any suggestions?

  • April 25, 2019 at 15:31
    Permalink

    My dropdown did not work right away after following the video, so I did this: add id="dropdownmenu" to dropdown <a>, and add aria-labelled-by="dropdownmenu" to <ul> like in the previous video. Used jQuery 2.2.4.js

  • April 25, 2019 at 15:31
    Permalink

    Nice tutorials Quentin. but i have an question about how can i change this dorpdowns menu to that when i hover the mouse on it show without click?

  • April 25, 2019 at 15:31
    Permalink

    Great tutorial! Thank you Quentin.
    How can I make a pill navigation that drop down automatically when my mouse hover over it? Can Bootstrap do that? I'm a complete beginner. Sorry if this question is silly.

  • April 25, 2019 at 15:31
    Permalink

    Thanks for this tutorials Quentin.

    Quick question: how do i place my logo in the middle of the page and the navigation split at the left and right evenly? Thanks

  • April 25, 2019 at 15:31
    Permalink

    Thanks for the tutorials Quentin. I see you get blue font and blue buttons and a different look than I do when doing the same on my end. I think I've got all the JS/CSS file correctly included. Is the look coming from your main.css file or bootstrap look isn't applying correctly ?

  • April 25, 2019 at 15:31
    Permalink

    Thank you for tutorials! They are great!
    One question about this particular tutorial: why active button always stays blue – active, no matter what button you click? How to make button active when you click on it? Thank you!

  • April 25, 2019 at 15:31
    Permalink

    Hello Quentin, thanks for the tutorial but my drop down not work's, do you now any about this current problem? im using notpadd++ with Zen Coding

Leave a Reply