Bootply

Bootstrap navbar snippets

navbar
Left, Right, Center BS3 Navbar
3 years ago by jquery
How to create a Bootstrap navbar with left, center and right aligned links...
 
BS 3 Navbar custom
3 years ago by cskelly
How to create a navbar with form, dropdown menu right-aligned links Bootstrap 3...
 
Bootstrap 3 Navbar collapse threshold
3 years ago by testazoid
Customize the point at which the Bootstrap 3 navbar collapses...
 
Nav with Submenu
3 years ago by cskelly
Bootstrap snippet / code Nav with Submenu..
 
Navbar - center brand
3 years ago by testazoid
A complex navbar example with centered brand..
 
Navbar - dropdown, submenu, search, social media & login.
2 years ago by bootstrap
Bootstrap top navigation with dropdown menu, search bar, social icons and login dropdown...
 
BS3 Navbar Click Dropdown-Submenu
3 years ago by yahyaerturan
Bootstrap 3.0.2 Navbar Click Dropdown-Submenu (with no end Sublevel) ..
 
Section scroller template
3 years ago by cskelly
Navbar full width form, full page height sections. Bootstrap nav that contains a fluid search form that takes up the remaining (fu..
 
Always collapse navbar
3 years ago by cskelly
How to customize the Bootstrap 3 navbar so that is collapsed on all devices, and the toggle menu appears on the right...
 
Navbar shrink on scroll
3 years ago by chuntaolu
Bootstrap snippet / code Navbar shrink on scroll..
 
Mixed image size grid layout
2 years ago by ganeshnj
A flexible Bootstrap grid layout with multiple image sizes and custom navbar with tall image/logo brand..
 
Navbar - center brand, links on right and left
3 years ago by homeliss
A complex navbar example with centered brand..
 
2 column Google maps, foursquare (outer scroll)
3 years ago by cskelly
How to create a two column foursquare style layout with fixed map on the right side...
 
3 Level Nav
3 years ago by katie
3 level collapsing menu for bootstrap navbar...
 
2 navbars
3 years ago by foundation
How to use 2 navbars with a dropdown in the first nav that overlays the 2nd nav..
 
Center Navbar Brand
3 years ago by jquery
How to create a Bootstrap navbar with centered brand logo...
 
Centered BS3 Navbar Links
3 years ago by jquery
How to create a Bootstrap navbar with centered links...
 
Bootstrap 3 Vertical Navbar
3 years ago by cskelly
How to create a vertical nav with BS3..
 
2 Navbars
3 years ago by cskelly
Bootstrap snippet / code 2 Navbars..
 
Bootstrap 3 Vertical Navbar
2 years ago by ancientmethods
How to create a vertical nav with BS3..
 
Big dropdown menu for Bootstrap
2 years ago by rrmdp
How to make a big wide dropdown mega menu with Bootstrap. This example demonstrates a form, links, buttons and various options for..
 
Navbar with sticky subnav
2 years ago by jquery
A BS3 template with large top header. The sub navbar pins when in reaches to the top...
 
Shrinking top navbar
3 years ago by testazoid
Bootstrap snippet / code Shrinking top navbar..
 
Section scroller template
3 years ago by mmerriweather
Navbar full width form, full page height sections. Bootstrap nav that contains a fluid search form that takes up the remaining (fu..
 
Navbar float over google map
3 years ago by katie
Bootstrap snippet / code Navbar float over google map..
 
Bootstrap navbar never collapse (wrap)
3 years ago by testazoid
No collapse navbar in Bootstrap 3.1 ? Here is an example that doesn't stack. The nav links will wrap when the navbar is too wide f..
 
Bootstrap sticky navbar template
3 years ago by cskelly
A BS3 template with large top header. The navbar pins when in reaches to the top...
 
Bootstrap navbar no collapse (SO)
3 years ago by jquery
Bootstrap snippet / code Bootstrap navbar no collapse (SO)..
 
Navbar search field full width
3 years ago by cskelly
Bootstrap nav that contains a fluid search form that takes up the remaining (full width) space in the navbar...
 
BS3 Navbar Click Dropdown-Submenu
3 years ago by RSD
Bootstrap 3.0.2 Navbar Click Dropdown-Submenu (with no end Sublevel) ..
 
BS 3 Navbar example 4
3 years ago by cskelly
How to create a navbar with various right-aligned text...
 
Collapsible side navigation
3 years ago by katie
Use Bootstrap collapse to toggle menus in the side bar. Also shows open or close icon...
 
Dell's Navbar
2 months ago by cvs0115
Dell's Navbar..
 
Change Navbar breakpoint
last year by bootply
How to change the Bootstrap navbar breakpoint in Bootstrap 3.x..
 
Shrinking top navbar animated
last year by leefordjudes
How to make the Bootstrap navbar grow and shrink as the page scrolls...
 
navbar nav justified
last year by carlitosgut
Simple navbar nav justified with nav-pills..
 
Mega Menu Navbar For Bootstrap
2 years ago by p0wnd
Mega Menu with 2, 3 and 4 Dropdown Columns, search box, and login. ..
 
Mobile navbar toggle collapse after click
2 years ago by testazoid
How to collapse the mobile (responsive) navbar once one of the links is clicked. No jQuery needed. Just use data-toggle=collapse o..
 
Navbar stick to top after scroll
2 years ago by jquery
Navbar sticks to to top once user scrolls...
 
Bootstrap Menu Toggle Animate
2 years ago by plutobytes
Bootstrap snippet / code Bootstrap Menu Toggle Animate ..
 
Sitemap Doc Tree from Bootstrap Navbar
2 years ago by marcreed
A sitemap document tree is auto generated from bootstrap navbar..
 
Big dropdown menu for Bootstrap
2 years ago by jamesh64
How to make a big wide dropdown mega menu with Bootstrap. This example demonstrates a form, links, buttons and various options for..
 
Navbar with toggle menu on left
2 years ago by cskelly
How to pull the responsive toggle (hamburger) menu to the left side when the menu collapses..
 
Bootstrap center navbar links on mobile
2 years ago by jsanwo64
Example of centering navbar links when the menu collapses on smaller width screens..
 
Collapsible side navigation
2 years ago by thatdarnchelsey
Use Bootstrap collapse to toggle menus in the side bar. Also shows open or close icon...
 
Nice Login
2 years ago by yurney
Bootstrap top navigation with dropdown menu, search bar, social icons and login dropdown...
 
Navbar with Arrow Highlight
2 years ago by jusuchyne
Navigation bar with arrow at the bottom of the menu. The menu will be highlighted based from the current page..
 
Section scroller template animated
3 years ago by snippets
Navbar full width form, full page height sections. Bootstrap nav that contains a fluid search form that takes up the remaining (fu..
 
Style navbar after affix
3 years ago by testazoid
Bootstrap snippet / code Style navbar after affix..
 
Always collapse navbar
3 years ago by testazoid
How to customize the Bootstrap 3 navbar so that is collapsed on all devices, and the toggle menu appears on the right...
 
Always collapse navbar 3.1
3 years ago by testazoid
How to customize the Bootstrap 3 navbar so that is collapsed on all devices, and the toggle menu appears on the right...
 
navbar fixed top vs. navbar default
3 years ago by testazoid
Bootstrap snippet / code navbar fixed top vs. navbar default..
 
collapse UL overflow into dropdown (width)
3 years ago by cskelly
xs navbar collapse overflowing links into a dropdown list on the right side...
 
2 navbars with fly-in sticky navbar
3 years ago by ZioBarba
Fixed top navbar replaced by a second fly-in sticky navbar once user scrolls past animated top nav...
 
Horizontal navbar submenu
3 years ago by katie
Snippet for 2 navbars on top. The submenu for the top navbar is horizontal...
 
BS3 Navbar Click Dropdown-Submenu
3 years ago by schlagobers
Bootstrap 3.0.2 Navbar Click Dropdown-Submenu (with no end Sublevel) ..
 
Navbar collapse at 990 pixels
3 years ago by katie
Customize the point at which the Bootstrap 3 navbar collapses...
 
Navbar Custom Brand Image
3 years ago by mylastof
Navbar With Custom Brand Image Logo..
 
Navbar with Search
3 years ago by cskelly
Simple template with a more complex navbar that includes a search form and dropdown...
 
Bootstrap 3 Navbar with Split Button
3 years ago by jquery
Here's how to add a split dropdown button to the .navbar in Bootstrap 3...
 
Navbar collapse threshold
3 years ago by cskelly
Customize the point at which the Bootstrap 3 navbar collapses...
 
Navbar with custom font
3 years ago by xbs
Layout with carousel and dropdown menu with Google fonts ..
 
Bootstrap big navbar
8 months ago by AngryKiller
A responsive big navbar css for Bootstrap..
 
Custom dropdown menu for Bootstrap
9 months ago by cskelly
How to make a custom wide dropdown menu with Bootstrap. ..
 
2 navbars with fly-in sticky navbar
last year by bootply
Fixed top navbar replaced by a second fly-in sticky navbar once user scrolls past animated top nav...
 
Navbar works (SO)
last year by testazoid
Bootstrap snippet / code Navbar works (SO)..
 
Navbar with many items
last year by sigmawadbude
Bootstrap snippet / code Navbar with many items..
 
Navbar - center brand
last year by cskelly
A complex navbar example with centered brand..
 
BS 3 Navbar custom
last year by bootply
How to create a navbar with form, dropdown menu right-aligned links Bootstrap 3...
 
Change the Bootstrap 3 navbar breakpoint (SO)
last year by bootply
Accepted answer from http://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse Small padding issue on left..
 
Navbar - dropdown, submenu, search, social media & login.
last year by jscott
Bootstrap top navigation with dropdown menu, search bar, social icons and login dropdown...
 
Nav pills accordion
last year by danielpravin
Create a tab like accordion using nav-pills...
 
Navbar Brand Centered
last year by jvc3000
Navbar with Brand (navbar-brand) centered with functional button...
 
Simple always collapsed navbar
last year by jvc3000
Bootstrap 3 navbar that is default collapsed on all devices by setting max-width to 100k. Toggled menu appears right...
 
Panel with Navbar
last year by aarondesignedit
Bootstrap snippet / code Panel with Navbar..
 
Change Bootstrap Navbar Hover color
last year by bootply
Bootstrap snippet / code Change Bootstrap Navbar Hover color..
 
Bootstrap sticky navbar template
last year by zenn5c
A BS3 template with large top header. The navbar pins when in reaches to the top...
 
Navbar stick to top after scroll
last year by npoku
Navbar sticks to to top once user scrolls...
 
Alaska Works
2 years ago by alaskawork
Navbar full width form, full page height sections. Bootstrap nav that contains a fluid search form that takes up the remaining (fu..
 
BS3 Navbar Click Dropdown-Submenu
2 years ago by gsanbrook
Bootstrap 3.0.2 Navbar Click Dropdown-Submenu (with no end Sublevel) ..
 
Navbar shrink on scroll
2 years ago by ldjennin
Bootstrap snippet / code Navbar shrink on scroll..
 
Bootstrap 3 Vertical Navbar, Force collapses to clear below it
2 years ago by urlough
How to create a vertical nav with BS3..
 
Navbar with collapsing dropdowns
2 years ago by cskelly
Exaple navbar that steadily collapses overflowing links into a "More" dropdown list on the right side...
 
Adjust navbar breakpoint
2 years ago by cskelly
Bootstrap snippet / code Adjust navbar breakpoint..
 
Navbar stick to top after scroll
2 years ago by stackoverflow
Navbar is hidden at first then animates in and sticks to to top once user scrolls...
 
Bootstrap navigation with custom dropdown
2 years ago by monkeyadmin
Navigation with custom designed dropdown menu and glyphicons next to list items...
 
Horizontal navbar submenu centered
2 years ago by cskelly
Snippet for 2 navbars on top. The submenu for the top navbar is horizontal...
 
Smokeping Navbar Bootstrap 3
2 years ago by erikankrom
Custom navbar for Smokeping with Smokeping colors. Will not override existing navbars...
 
Shrinking top navbar animated
2 years ago by bootstrap
How to make the Bootstrap navbar grow and shrink as the page scrolls...
 
Google map on left side
2 years ago by bootstrap
How to create a two column foursquare style layout with fixed map on the right side...
 
responsive navbar
2 years ago by cskelly
Bootstrap snippet / code responsive navbar..
 
Full width input inside navbar
2 years ago by bootstrap
Bootstrap snippet / code Full width input inside navbar..
 
Horizontal navbar submenu
2 years ago by mannberg
Snippet for 2 navbars on top. The submenu for the top navbar is horizontal...
 
Navbar stick to top after scroll
2 years ago by subho
Navbar sticks to to top once user scrolls...
 
Navbar shrink on scroll w test tranisitions
2 years ago by kremerdesign
Bootstrap snippet / code Navbar shrink on scroll w test tranisitions..
 
    Try a keyword search for 'navbar'
    all tags

    Related Tags

    center brand navbar nav bootstrap-3 alignment color collapse breakpoint toggle submenu snippet left right logo top-nav login social icons dropdown js search form field section page-height template scrollspy scroll shrink mixed size grid layout gallery masonry images portfolio custom map google-maps fixed maps geo foursquare overlay vertical mega