mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-26 06:44:35 +02:00
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
This commit is contained in:
@@ -10,34 +10,8 @@
|
||||
}
|
||||
|
||||
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
||||
.fluid-container {
|
||||
position: relative;
|
||||
min-width: @siteWidth;
|
||||
.container-fluid {
|
||||
padding-left: @gridGutterWidth;
|
||||
padding-right: @gridGutterWidth;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Sidebars (left and right options)
|
||||
.fluid-sidebar {
|
||||
width: @fluidSidebarWidth;
|
||||
margin: 0 20px 18px;
|
||||
}
|
||||
.sidebar-left { padding-left: @fluidSidebarWidth + @gridGutterWidth * 2; }
|
||||
.sidebar-right { padding-right: @fluidSidebarWidth + @gridGutterWidth * 2; }
|
||||
|
||||
// Float the sidebars accordingly
|
||||
.sidebar-left .fluid-sidebar {
|
||||
float: left;
|
||||
margin-left: (@fluidSidebarWidth + @gridGutterWidth) * -1;
|
||||
}
|
||||
.sidebar-right .fluid-sidebar {
|
||||
float: right;
|
||||
margin-right: (@fluidSidebarWidth + @gridGutterWidth) * -1;
|
||||
}
|
||||
|
||||
// The main content area
|
||||
.fluid-content {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user