mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00
Code Activity

add in a navbar button for toggling the nav items

Browse Source
This commit is contained in:
Mark Otto
2012-01-28 15:09:23 -08:00
parent dc74530fba
commit 23e076c1bb
15 changed files with 524 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/navbar.less
+23
View File
@@ -16,6 +16,29 @@
.box-shadow(@shadow);
}
// Navbar button for toggling navbar items in responsive layouts
.btn-navbar {
display: none;
float: right;
padding: 7px 10px;
margin-left: 10px;
margin-right: 10px;
.buttonBackground(@navbarBackgroundHighlight, @navbarBackground);
@shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
.box-shadow(@shadow);
}
.btn-navbar .i-bar {
display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
.border-radius(1px);
.box-shadow(0 1px 0 rgba(0,0,0,.25));
}
.btn-navbar .i-bar + .i-bar {
margin-top: 3px;
}
// Brand, links, text, and buttons
.navbar {
// Hover and active states