2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00

Fixes #8749: prevent navbar nav from overlapping navbar toggle

This commit is contained in:
Mark Otto
2013-08-06 17:28:02 -07:00
parent 223e032150
commit c3ac95333d
3 changed files with 14 additions and 4 deletions
+8 -2
View File
@@ -20,8 +20,6 @@
// -------------------------
.navbar-nav {
// Space out from .navbar .brand and .btn-navbar when stacked in mobile views
margin-top: 10px;
margin-bottom: 15px;
> li > a {
@@ -93,8 +91,16 @@
padding-bottom: @navbar-padding-vertical;
// Clear floated elements and prevent collapsing of padding
.clearfix();
// When there is no `.navbar-brand` present (which normally sits between the
// navbar brand and toggle), prevent the nav from overlapping the toggle.
.navbar-toggle + & {
width: 100%;
margin-top: @navbar-height;
}
}
// Scrollable navbar navigation
//
// Sometimes you might have too many links in your fixed navbar and you need to