一、網(wǎng)格系統(tǒng)：

Bootstrap 包含了一個響應式的、移動設備優(yōu)先的、不固定的網(wǎng)格系統(tǒng)，（viewport）寬度在 724 像素到 1170 像素之間伸縮。視口寬度小于767 像素時，說明是平板電腦或更小的設備，布局中的列會垂直堆疊起來。默認寬度下，每列寬 60 像素，且向左平移 20 像素。可以隨著設備或視口大小的增加而適當?shù)財U展到 12 列。

1、 網(wǎng)格的選項：

2、列重置

演示：

<div class="container">

<div class="row">

<div class="col-sm-1 xm">項目一</div>

<div class="col-sm-1 xm">項目二</div>

<div class="col-sm-1 xm">項目三</div>

<div class="col-sm-1 xm">項目四</div>

<div class="col-sm-1 xm">項目五</div>

<div class="col-sm-1 xm">項目六</div>

<div class="col-sm-1 xm">項目七</div>

<div class="col-sm-1 xm">項目八</div>

<div class="col-sm-1 xm">項目九</div>

<div class="col-sm-1 xm">項目十</div>

<div class="col-sm-1 xm">項目十一</div>

<div class="col-sm-1 xm">項目十二</div>

</div>

</div>

遠近互聯(lián)前端小華整理發(fā)布，希望能對學習技術的你有所幫助

遠近互聯(lián)專業(yè)提供網(wǎng)站建設、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運營的品牌整合營銷服務讓客戶通過網(wǎng)絡品牌建立與網(wǎng)絡傳播提高業(yè)績。