1. 程式人生 > >將多個元素同時放置到一行

將多個元素同時放置到一行

ges -1 技術分享 ppa 相對 布局 like 需求 let

Bootstrap 使用一種響應式網格布局——可輕松實現將多個元素放入一行並指定各個元素的相對寬度的需求。Bootstrap 中大多數的class屬性都可以設置於 div 元素中。

下面這張圖表顯示了 Bootstraps 的12列網格布局是如何起作用的:

技術分享

<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4"

>
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>

將多個元素同時放置到一行