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;

width: 940px;

}

这样也就涉及到子元素div的.row和.row-fluid的区别：

.row-fluid {

width: 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;

width: 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