2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-08 17:22:31 +03:00

update the fluid examples to use new classes and clear the floats properly from sidebar

This commit is contained in:
Mark Otto
2012-01-07 01:59:53 -08:00
parent 45d671d97f
commit 5fb2c666ac
6 changed files with 65 additions and 47 deletions
+12 -10
View File
@@ -29,21 +29,23 @@ body {
padding-right: 20px;
.clearfix();
}
// Sidebars (left and right options)
.fluid-sidebar-left,
.fluid-sidebar-right {
.fluid-sidebar {
width: 220px;
margin: 0 20px 18px;
}
.fluid-sidebar-left { float: left; }
.fluid-sidebar-right { float: right; }
.sidebar-left { padding-left: 260px; }
.sidebar-right { padding-right: 260px; }
// Float the sidebars accordingly
.sidebar-left .fluid-sidebar { float: left; margin-left: -240px; }
.sidebar-right .fluid-sidebar { float: right; margin-right: -240px; }
// The main content area
.fluid-content {
margin-left: 240px;
}
// Reverse layout for sidebar on right
.fluid-container.reverse .fluid-content {
margin-left: 0;
margin-right: 240px;
float: left;
width: 100%;
}