.bs-navbar-bottom-example {
z-index: 1;
padding: 0;
- height: 110px;
+ min-height: 110px;
overflow: hidden; /* cut the drop shadows off */
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
+ position: relative;
margin-left: 0;
margin-right: 0;
}
+.bs-navbar-top-example .navbar-fixed-top {
+ top: -1px;
+}
+.bs-navbar-bottom-example .navbar-fixed-bottom {
+ bottom: -1px;
+}
.bs-navbar-top-example {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
text-align: left;
}
+ .bs-navbar-top-example .navbar-fixed-top,
+ .bs-navbar-bottom-example .navbar-fixed-bottom {
+ position: absolute;
+ }
+
}
/* Tablets/desktops and up */
<h3 id="navbar-fixed-top">Fixed to top</h3>
<p>Add <code>.navbar-fixed-top</code>.</p>
<div class="bs-docs-example bs-navbar-top-example">
- <div class="navbar navbar-fixed-top" style="position: absolute; top: -1px;">
+ <div class="navbar navbar-fixed-top">
<div class="container" style="width: auto;">
<a class="navbar-brand" href="#">Title</a>
<ul class="nav navbar-nav">
<h3 id="navbar-fixed-bottom">Fixed to bottom</h3>
<p>Add <code>.navbar-fixed-bottom</code> instead.</p>
<div class="bs-docs-example bs-navbar-bottom-example">
- <div class="navbar navbar-fixed-bottom" style="position: absolute; bottom: -1px;">
+ <div class="navbar navbar-fixed-bottom">
<div class="container" style="width: auto;">
<a class="navbar-brand" href="#">Title</a>
<ul class="nav navbar-nav">
.navbar-nav {
// Space out from .navbar .brand and .btn-navbar
- margin-top: 15px;
+ margin-top: 5px;
> li > a {
padding-top: ((@navbar-height - @line-height-base) / 2);
// Collapsible navbar toggle
.navbar-toggle {
position: absolute;
- top: 10px;
+ top: 18px;
right: 10px;
padding: 8px 12px;
background-color: transparent;