BootStrap Study note
Scaffolding
两种960px/12column网格,
默认网格default grid标签是<div
class="container">
.固定960px宽度。
另外一种是Fluid grid的宽度是用百分比代替固定宽度设置。
两者的区别就在于,固定和不固定(废话)。默认网格,960,超出960就超出,父元素不会扩大自己的宽度。Fluid grid的父元素会扩大自己的宽度,包容子元素。
.container-fluid {
padding-left: 20px;
padding-right: 20px;
}
.container {
margin-left: auto;
margin-right: auto;
940px;
}
这样也就涉及到子元素div的.row和.row-fluid的区别:
.row-fluid {
100%;
}
.row {
margin-left: -20px;
}
那么它俩的共同点就是clear: both;清除浮动。
Base CSS
--Forms
label class=”control-label”只有在Forms class=”form-horizontal” 会影响:
float: left;
padding-top: 5px;
text-align: right;
140px;
div class=”control”的影响是:margin-left: 160px;
div class=”control-group”的影响是:clear: both;
div class=”form-action”的影响是:
background-color: #F5F5F5;
border-top: 1px solid #DDDDDD;
margin-bottom: 18px;
margin-top: 18p
Components
Alerts