</nav> ... Try it Yourself » Note:All of the examples on this page will show a navigation bar that takes up too much space on small screens (however, the navigation bar will be on one single line on large screens - because Bootstrap is responsive). This problem (with the small ...
<nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="197"> Try it Yourself » The following example shows how to create a vertical affixed navigation menu:Example <ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="205"> Try it Yourself »...
In the examples above, the classes.navbar-toggler,.navbar-collapse, andnavbar-expand-lgare all used so the navbar content collapses behind a button at the large breakpoint (960px). You can combine the.navbar-togglerand.navbar-collapseclasses with.navbar-expand{-sm|-md|-lg|-xl}to chan...
Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.
While button classes can be used on <a> and <button> elements, only <button> elements are supported within our nav and navbar components. Links acting as buttons If the <a> elements are used to act as buttons – triggering in-page functionality, rather than navigating to another document ...
class="nav navbar-nav navbar-right"> <li><a href="#">注册/登录</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">联系我们 <span class="caret"></span></a> <ul class="drop...
Various buttons are supported as part of these navbar forms, too. This is also a great reminder that vertical alignment utilities can be used to align different sized elements.Main button Smaller button Copy <nav class="navbar navbar-light bg-light"> <form class="form-inline"> <button ...
Add new $navbar-dark-icon-color Sass variable Removed duplicate $alert Sass variables Added a new variable for $vr-border-width to customize the vertical rule helper width Documentation: Added search to our homepage Improved responsive behavior on Dashboard example Improved dark mode rendering of...
Removed broken "dropup" menus from tabs and pills examples (shouldn't have been there in the first place). Replaced .badge-error with .badge-important. The error option is not a valid class and was a typo in the docs. Fixed mention of how to add plain text to the navbar. Previously...
@import "twitter/bootstrap/navs.less"; @import "twitter/bootstrap/navbar.less"; @import "twitter/bootstrap/breadcrumbs.less"; @import "twitter/bootstrap/pagination.less"; @import "twitter/bootstrap/pager.less"; @import "twitter/bootstrap/labels.less"; @import "twitter/bootstrap/badges.less...