[ad_1]
https://i.ytimg.com/vi/KRsSSpMaaKg/hqdefault.jpg
Tags
bootstrap navbar examples
bootstrap 3 navbar examples
bootstrap navbar hiding content
bootstrap fixed navbar hides content
bootstrap navbar-fixed-top hides content
bootstrap navbar covers content
bootstrap navigation bar hides content
bootstrap navbar bottom hides content
bootstrap navbar inverted
bootstrap navbar-fixed-bottom overlapping content
bootstrap navigation bar padding
bootstrap navigation bar center
Bootstrap navbar component is useful for creating responsive navigation header for a website. By responsive, we mean that the navbar is collapsed on small screen size devices like mobile phones. When the toggle button is clicked the navbar expands. However, on large screen devices like laptops and desktops, where we have enough room to display the entire navbar, it appears normal.
Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2016/07/bootstrap-navbar-component.html
Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Original source
21 responses to “Bootstrap navbar component”
thank you bro for all this tutos thank you so much
can u pls make video on side nav bar?
Thanks a lot! Great video! 👍😃
Sir I love to watch your video, you make me understand the concept with your simple language and easy examples with less coding 🙂 but I got a problem here I did exaclty the same thing to create a toggle menu but my toggle button is not expanding the list elements when clicking. do I have to link any other file also along with bootstrap.min.css ? please help I will be waiting for your answer. and thanks for making learning fun..:)
For all those whose toggle buttonis not working add these to your head tag
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
I am write the same code but data target attribute is not working .. but why ?
how to switch from home to contact can some one help…
toggle menu is not working on small screen size! can you help with it.
The button doestn't work for me. I have the exact code and can't figure it out. I already tried the proposal of
<nav class="navbar navbar-default">
<div class="container">
proposed in the comment.
Help please.
toggle button is not connecting to the menu please help 🙁
Thank you sir
whay you remember all code, i just make copy past froom boostrap mutch better
toggle button is not working even copied your code from ur blog
Or How to use Affix with carousel ???? plz reply me Soon
I am unable to use navbar-fixed-top with modal . How to do that ?????
I didn't get any target or toggle attribute of data- . ??????
is there any way of getting the navbar data from the DB instead hardcoding, thanks
Thank u venkat sir !
Really Helpful Stuff for Beginners.Great JOB.
Thanks a lot..its really helpful 🙂
By which time all videos about Bootstrap will get posted ?
Thanks .Please make video on android.