rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

navbar positioning

Browse source
This commit is contained in:
Mark Otto 2015-08-18 01:18:21 -07:00
parent 4c7e4e4454
commit ff72ea6b81
4 changed files with 36 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/assets/css/docs.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
docs/assets/css/docs.min.css.map
View file

File diff suppressed because one or more lines are too long

61
docs/assets/scss/_component-examples.scss
View file

@ -113,12 +113,6 @@
}
}
// Tweak content of examples for optimum awesome
.bd-example > *:last-child,
.bd-example > .table-responsive:last-child > .table {
margin-bottom: 0 !important;
}
.bd-example > .close {
float: none;
}
@ -183,44 +177,23 @@
}
// Navbars
.bd-example .navbar:last-child {
margin-bottom: 0;
}
.bd-navbar-top-example,
.bd-navbar-bottom-example {
z-index: 1;
padding: 0;
overflow: hidden; // cut the drop shadows off
}
.bd-navbar-top-example .navbar-header,
.bd-navbar-bottom-example .navbar-header {
margin-left: 0;
}
.bd-navbar-top-example .navbar-fixed-top,
.bd-navbar-bottom-example .navbar-fixed-bottom {
position: relative;
margin-right: 0;
margin-left: 0;
}
.bd-navbar-top-example {
padding-bottom: 45px;
}
.bd-navbar-top-example .navbar-fixed-top {
top: -1px;
}
.bd-navbar-bottom-example {
padding-top: 45px;
}
.bd-navbar-bottom-example .navbar-fixed-bottom {
bottom: -1px;
}
.bd-navbar-bottom-example .navbar {
margin-bottom: 0;
}
@media (min-width: 768px) {
.bd-navbar-top-example .navbar-fixed-top,
.bd-navbar-bottom-example .navbar-fixed-bottom {
position: absolute;
.bd-example {
.navbar-fixed-top {
position: static;
margin: -1rem -1rem 1rem;
}
.navbar-fixed-bottom {
position: static;
margin: 1rem -1rem -1rem;
}
@include media-breakpoint-up(sm) {
.navbar-fixed-top {
margin: -1.5rem -1.5rem 1rem;
}
.navbar-fixed-bottom {
margin: 1rem -1.5rem -1.5rem;
}
}
}