[ad_1]
https://i.ytimg.com/vi/eVJWu9_NJes/hqdefault.jpg
welcome Guys, we will see Bootstrap 4 responsive navbar in Hindi and navbar collapse. Basic Navbar With Bootstrap, a navigation bar can extend or collapse, depending on the screen size.
A standard navigation bar is created with the .navbar class, followed by a responsive collapsing class: .navbar-expand-xl|lg|md|sm (stacks the navbar vertically on extra large, large, medium or small screens).
To add links inside the navbar, use a ul element with class=”navbar-nav”. Then add li elements with a .nav-item class followed by an element with a .nav-link class:
Very often, especially on small screens, you want to hide the navigation links and replace them with a button that should reveal them when clicked on.
To create a collapsible navigation bar, use a button with class=”navbar-toggle”, data-toggle=”collapse” and data-target=”#thetarget”. Then wrap the navbar content (links, etc) inside a div element with class=”collapse navbar-collapse”, followed by an id that matches the data-target of the button: “thetarget”.
If you like this video plz LIKE SHARE and SUBSCRIBE my THAPATECHNICAL 🙂
Original source
43 responses to “Bootstrap 4 Tutorial in Hindi Part 6 : Bootstrap 4 responsive navbar in Hindi | navbar collapse”
Add me on whatsapp grp…
8191041226
03171217519 this is my number please add me your WhatsApp group
thanks sir ji
Thanks man ,,it's very simple for understanding
Aap kis editor me code likh Rahe ho??
sir toggle button ko press krny k bad bar horizontal ara h.. ye vertical kesy hy ga
Add me 7667465486
Why that not working now
Awesome videos sir 8958186196
Osm video sir ..but expand sm main hoga tavi button dekhega ur tabhi hum click karenge ur tabhi to hum div k aandar jayenge ..jo collapse wala hai to pahele hamara nav main data jo nav link hai oh kahan dekhenge
add me in your WhatsApp group
9800998567
Sir please add me in WhatsApp group 7807928406
Bundle of thanks for This one Sir…
+923012720443
Sir kindlly add my number to W.app Group
Data-target not working??? Whats the reason??
Sir Mera toggler button work nhi kra h
7073711663
Thank u sir, whatsapp No – 9122682026
7209868401 for whatsapp group add me sir
9082272844 please add karo what's app group mai
sir cdn link better hai ya phir code download tell me must
any footer video ?
Very helpful video bro
my bg-dark is not working plzzz tell me the reason
Sir you are really an excellent teacher…..You deserves millions of likes….
03232450235
Thank you
Navigation mai bus links diya hai maine and maine uspr padding diya hai left-right se 28px taaki wo sab perfectly cover and aligned ho jaaye. But jb responsive check krta hu medium device mai to content/links baahr aa rhe hai. Please help.
You are awesome guy
Link pe click krne ke bad , Navbar close kaise kare plz if u have solution reply !!
Thanks for upload vedio
Hello
Your whatsapp group , I want to join
Sir navbar ki height badhana hai to kase karenge
Need a help. Want to know how to create submenus. Make one video on that also.
thanks a lot!
please give your code in description too
Sir plz create a video logo menu baar and in right search bar and in mobile view search bar should be on top of page sir plz create
All CDN links require me …
Aawaj ka kuchh kro bhai, Earphones lgane ke baad kano me bhot dard ho raha hai, mic se dur rho thoda
Add my no. 8743873387
7318856958
sir aap Complete create Student Result show on web,admit card search type dowload. is type ka video upload kijiyega sir
drop down menu work ni kar rha for me, One tutorial please?
9314612948 manoj pareek