Twitter Bootstrap 團(tuán)隊(duì)已經(jīng)發(fā)布了Bootstrap 3.0 RC1，我們可以從中先領(lǐng)略到Bootstrap 3.x帶來(lái)的全新特性。從目前來(lái)看，Bootstrap 3.0已經(jīng)遠(yuǎn)遠(yuǎn)優(yōu)于2.x版本了。下面就來(lái)看看該版本中引入了哪些新特性。
扁平化和整潔的UI
又是扁平化！自從蘋果iOS的UI從擬物化過(guò)渡到扁平化后，這種風(fēng)格如今已經(jīng)成為了現(xiàn)代化設(shè)計(jì)的代名詞。而標(biāo)榜“移動(dòng)優(yōu)先”的Bootstrap 3沒(méi)有理由不扁平化。
Bootstrap 2.0通過(guò)一個(gè)簡(jiǎn)單的應(yīng)用和一個(gè)統(tǒng)一的界面使之風(fēng)靡互聯(lián)網(wǎng)，而B(niǎo)ootstrap 3將這種風(fēng)格上升到了另一個(gè)層次。除了帶來(lái)了扁平化的UI外，Bootstrap 3還將標(biāo)志性的紫色和導(dǎo)航欄用到了文檔的主題中。
這樣使得界面更加整潔，也使得Bootstrap可以更好地跨設(shè)備和瀏覽器。
圖標(biāo)字體
圖標(biāo)字體（glyphicons）現(xiàn)在已經(jīng)從Bootstrap代碼庫(kù)中分離出來(lái)，你可以作為插件來(lái)使用它。
圖標(biāo)得到了重新設(shè)計(jì)，并且提供了一些新的有趣的圖標(biāo)。
新的網(wǎng)格系統(tǒng)
Bootstrap 3中的新的網(wǎng)格系統(tǒng)允許根據(jù)設(shè)備大小通過(guò)變量來(lái)聲明。比如，你可以針對(duì)桌面環(huán)境設(shè)置4列布局，針對(duì)平板電腦設(shè)置2列布局，針對(duì)手機(jī)設(shè)置1列布局。這樣，你就可以很容易地控制你的頁(yè)面的跨設(shè)備顯示效果。
根據(jù)列的表單布局
Bootstrap終于擺脫了它的表單控件類，在Bootstrap 3中你可以使用更整潔的網(wǎng)格類。比如：
<div class="row">
<div class="col-4">
<label>
</div>
<div class="col-8">
<input type="text">
</div>
</div>
列表組（List group）
List group是一個(gè)新的組件，現(xiàn)在你也可以使用Bootstrap來(lái)創(chuàng)建一些應(yīng)用原型，比如RSS Feed、狀態(tài)列表、鏈接列表等。
如上圖，通過(guò)自定義內(nèi)容列表組，您可以輕松地創(chuàng)建reddit網(wǎng)站原型或者其他元素�，F(xiàn)在，Bootstrap也多少開(kāi)始朝著CSS原型框架的方向發(fā)展了。
上下文面板
Bootstrap現(xiàn)在開(kāi)始更加認(rèn)真地對(duì)待其著色系統(tǒng)，無(wú)論是警告、通知還是其他元素，現(xiàn)在都根據(jù)整體著色來(lái)進(jìn)行風(fēng)格化。
Row Mixins
現(xiàn)在你可以輕松地創(chuàng)建自定義的網(wǎng)格，或打散網(wǎng)格只定義那些你需要的部分（比如內(nèi)容、側(cè)邊欄），而無(wú)需自定義一個(gè)完整的12列網(wǎng)格。
除此之外，你還可以為你的流體形式的行指定斷點(diǎn)。下面是Bootstrap使用的代碼：
你可以通過(guò)各種變量來(lái)修改Mixins的行為，比如@grid-float-breakpoint、@grid-columns和@grid-gutter-width等。如果想重建網(wǎng)站的布局，可以這樣做：
@grid-float-breakpoints: 768px
@grid-columns: 16
//I like 16 col layouts
@grid-gutter-width: 20px
#wrap {
.make-row();
}
#header {
.make-column(3);
}
#inner {
.make-column(13);
}
.content-sidebar-wrap {
.make-row();
}
#content {
.make-column(12);
}
#sidebar {
.make-column(4);
}
Bootstrap 3.0最新版下載地址：http://getbootstrap.com/