Bootstrap---Fluid layout 流佈局

      流佈局是一種適應屏幕的作法。即不固定塊的寬度,而是採用百分比做爲單位來肯定每一塊的寬度。這種佈局很是適合一次編寫,而後自適應各類不一樣大小的屏幕(手機,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

相關文章
相關標籤/搜索