bootstrap2.02 notice

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