Bootstrap 4 Tutorial #10 – Bootstrap Navs



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



Hey all, in this Bootstrap 4 tutorial I’ll show you how to create a nav, with the help of some of Bootstrap’s flexbox utility classes.

—– COURSE LINKS:
+ Repo – https://github.com/iamshaunjp/bootstrap-4-playlist
+ Atom editor – https://atom.io/a
+ Download GIT – https://git-scm.com/
+ Bootstrap 4 Docs – https://v4-alpha.getbootstrap.com/getting-started/introduction/

Bootstrap 3 Playlist – https://www.youtube.com/playlist?list=PL4cUxeGkcC9g_69kOfXICzT_hZ79_td99

———————————————————————————————
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress, Node.js & more on the channel homepage…

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== PSD to WordPress Playlist ==========

============ Node.js for Beginners Playlist =============

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

================== Social Links ==================

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

Original source


30 responses to “Bootstrap 4 Tutorial #10 – Bootstrap Navs”

  1. Question1: py-5 -> in this attribute the 5 value is in which format? I mean is it "rem, em, or px"? and if they are in rem or em or px then how we will change them into another one??

    Question:2 you are using v-4.0.0 and I am using v-4.3.1 and when I made that navbar then it was showing margin-bottom: 0px and your navbar have a bottom margin(almost 3rem) also. so my question is, is this happening because of the different versions?

  2. I am a newbie to web-dev. but why your html codes have an ending forward slash for closing an element that does not require a closing tag such as <imag src="" />

  3. is there something I missed? The tab toggle only works once for each tab..

    Also tried to c/p the example on the bootstrap website but it doesn't seem to work properly..

  4. Wow this one is the newest 🙂 It was just posted today, glad to be the first to comment so I can express my gratitude. I appreciate your effort and I hope that you get what you want in life just like you are helping others with no price 🙂

Leave a Reply