sharpetronics/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-06-06 00:03:01 -04:00
Code Issues Projects Releases Wiki Activity

fix up sidenav and components page

Browse Source
This commit is contained in:
Mark Otto 2013-01-16 14:10:33 -08:00
parent 3e40e7dfbf
commit 13a80f33c8
3 changed files with 46 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/assets/css/bootstrap.css vendored
View File

@ -4705,7 +4705,7 @@ a.badge:hover {
} }
.container { .container {
width: 940px; max-width: 940px;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }

51
docs/assets/css/docs.css
View File

@ -169,9 +169,14 @@ section > ul li {
} }
.bs-docs-sidenav.affix { .bs-docs-sidenav.affix {
position: static; position: static;
width: auto;
top: 0; top: 0;
} }
.bs-docs-sidenav.affix-bottom {
position: absolute;
top: auto;
bottom: 270px;
}
/* Chevrons within each link */ /* Chevrons within each link */
.bs-docs-sidenav .glyphicon-chevron-right { .bs-docs-sidenav .glyphicon-chevron-right {
@ -192,20 +197,18 @@ section > ul li {
/* Affix all the things, and set widths because they're positioned, depending on viewport size */ /* Affix all the things, and set widths because they're positioned, depending on viewport size */
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
/* From here, start to affix the nav because we keep columns here */
.bs-docs-sidenav.affix { .bs-docs-sidenav.affix {
position: fixed; position: fixed;
top: 10px; top: 10px;
width: 170px;
} }
.bs-docs-sidenav.affix-bottom { .bs-docs-sidenav {
position: absolute; width: 189px;
top: auto;
bottom: 270px;
} }
} }
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
.bs-docs-sidenav.affix { .bs-docs-sidenav {
width: 220px; width: 220px;
} }
} }
@ -259,6 +262,40 @@ section > ul li {
margin-bottom: 0; margin-bottom: 0;
} }
/* Navbar examples */
.bs-navbar-top-example,
.bs-navbar-bottom-example {
z-index: 1;
padding: 0;
height: 90px;
overflow: hidden; /* cut the drop shadows off */
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
margin-left: 0;
margin-right: 0;
}
.bs-navbar-top-example {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.bs-navbar-top-example:after {
top: auto;
bottom: -1px;
-webkit-border-radius: 0 4px 0 4px;
-moz-border-radius: 0 4px 0 4px;
border-radius: 0 4px 0 4px;
}
.bs-navbar-bottom-example {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.bs-navbar-bottom-example .navbar {
margin-bottom: 0;
}
/* Icons /* Icons

2
less/bootstrap.less vendored
View File

@ -87,7 +87,7 @@
} }
*/ */
.container { .container {
width: 940px; max-width: 940px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }