mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-15 11:59:39 +03:00
Code Activity

mo betta sidenav for responsive hotness

Browse Source
This commit is contained in:
Mark Otto
2013-01-16 13:20:32 -08:00
parent beb2c13f4d
commit 3e40e7dfbf
3 changed files with 32 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/css/docs.css
+30 -8
View File
@@ -160,11 +160,20 @@ section > ul li {
/* Sidenav
-------------------------------------------------- */
/* Base styles are not affixable given mobile-first */
.bs-docs-sidenav {
width: 218px;
margin: 20px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Chevrons */
.bs-docs-sidenav.affix {
position: static;
width: auto;
top: 0;
}
/* Chevrons within each link */
.bs-docs-sidenav .glyphicon-chevron-right {
float: right;
margin-top: 1px;
@@ -180,17 +189,30 @@ section > ul li {
color: #fff;
opacity: 1;
}
.bs-docs-sidenav.affix {
top: 10px;
/* Affix all the things, and set widths because they're positioned, depending on viewport size */
@media screen and (min-width: 768px) {
.bs-docs-sidenav.affix {
position: fixed;
top: 10px;
width: 170px;
}
.bs-docs-sidenav.affix-bottom {
position: absolute;
top: auto;
bottom: 270px;
}
}
.bs-docs-sidenav.affix-bottom {
position: absolute;
top: auto;
bottom: 270px;
@media screen and (min-width: 992px) {
.bs-docs-sidenav.affix {
width: 220px;
}
}
/* Bootstrap code examples
-------------------------------------------------- */