[ad_1]
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”
data-toggle not working for me. I have tried it three times now but it's not happening.
My dream is to figure out how to get that font from the h1 title in this video. I’ve connected my bootstrap docs but it’s dog shit.
Thank you so much! Excellent tutorial
Hey men you're really the Net Ninja. Excellent tutorial overall. You're a wizard all round men!
3:47 "This is my favorite, the Angular Avenger". LOL.
Thank You So Much ..
Great video. What if i need to display "div content" of another page?
Hi, can you tell me how can I show grid images when I click on any navbar item?
You're Awesome!
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?
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="" />
THAK YOU so much for helping me the most difficult lesson, YOU are really natural bone teacher,keep up the good work
can i get ur code
I like the Angular Avenger! It's like from Fate/Stay Night haha! Keep it up Shaun I like your tutorials and I don't skip the ads!
Thanks!!God bless you!!!!
cool tutorial. Best bootstrap tutorial i have seen
Best bootstrap tutorials ever <period>
These are BY FAR the best Bootstrap tutorials I've come across. THANK YOU!
12:02
That's fucking awesome.
if flex-md-row does not work for you……just add <nav> to d-flex class.
"Absolutely nothing "Hahaha that was great 🙂
sir nav bar link not changing the content while choosing link
Great series. Thanks!
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..
When justifying content to the center within the nav element it works well … while trying it on a nav withing the responsive navbar, it didn't work for me … any idea why ?
Hello, I am using jQuery to make a sticky navbar. However, it flickers when scrolling. Anyone can help me with this problem?
This is fantastic !! Great work
Best Bootstrap tutorials. Thank you!
Fantastic tutorial….I'm a complete n00b and this really opened my eyes
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 🙂