流佈局是一種適應屏幕的作法。即不固定塊的寬度,而是採用百分比做爲單位來肯定每一塊的寬度。這種佈局很是適合一次編寫,而後自適應各類不一樣大小的屏幕(手機,PAD,電腦…)。docker
<div class="Container-fluid">佈局
<div class="row-fluid">ui
<div class="span4">spa
</div>.net
<div class="span8">get
</div> class
</div> 自適應
</div>di
按順序添加這幾個類。最外面包含塊有 container-fluid類,代表內容佈局是流佈局,其主要做用是做爲一個包含塊來容納流佈局內容。裏面包含塊的內容有 row-fluid類(很是重要),決定是不是流佈局。而後裏面的內容塊代碼編寫與網格系統一致,依然是從span1到span12,分別對應於不一樣的百分比。co