float: left;
margin-left: 20px;
}
- .container {
+ .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 724px;
}
.span1 {
float: left;
margin-left: 30px;
}
- .container {
+ .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 1170px;
}
.span1 {
float: left;
margin-left: 20px;
}
-.container {
+.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 940px;
}
.span1 {
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
+.navbar .container {
+ width: auto;
+}
.btn-navbar {
display: none;
float: right;
<p>An example of a static (not fixed to the top) navbar with project name, navigation, and search form.</p>
<div class="navbar">
<div class="navbar-inner">
- <div class="container" style="width: auto;">
+ <div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<p>{{_i}}An example of a static (not fixed to the top) navbar with project name, navigation, and search form.{{/i}}</p>
<div class="navbar">
<div class="navbar-inner">
- <div class="container" style="width: auto;">
+ <div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
#gridSystem > .gridColumn(@gridGutterWidth);
}
- // Fixed container
- .container { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @gridColumns); }
+ // Fixed containers
+ // Default container and reset for fixed navbars
+ .container,
+ .navbar-fixed-top .container,
+ .navbar-fixed-bottom .container {
+ #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @gridColumns);
+ }
// Default columns
.span1 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
.box-shadow(@shadow);
}
+// Set width to auto for default container
+// We then reset it for fixed navbars in the #gridSystem mixin
+.navbar .container {
+ width: auto;
+}
+
// Navbar button for toggling navbar items in responsive layouts
.btn-navbar {
display: none;