我們?cè)谑褂肨witter Bootstrap時(shí)遇到的最大問(wèn)題之一是你的DOM元素上將擁擠大量的類。這打破了良好的web設(shè)計(jì)基本規(guī)則之一，HTML不再有語(yǔ)義，而且內(nèi)容和表示不再分離。前端純粹主義者會(huì)覺(jué)得這相當(dāng)令人討厭，以為它使可擴(kuò)展性、重用性和維護(hù)性遇到了更大的挑戰(zhàn)。表示和交互不再獨(dú)立于內(nèi)容在Twitter Bootstrap中也被進(jìn)一步的強(qiáng)化。

A snapshot of some HTML from one of the Twitter Bootstrap templates.

      如果你被空投到一個(gè)干了一半的大項(xiàng)目中，想要使用 Twitter Bootstrappy 享受其所有的好處會(huì)如何呢？糟糕的是，你會(huì)碰到一大堆的問(wèn)題，沖突首先會(huì)從生成 HTML、CSS和JavaScript 開始。然后是它們的資源，你必須深入項(xiàng)目中那些陰暗的角落，搞清楚哪些腳本和樣式需要?jiǎng)h除或替換。Twitter Bootstrap 會(huì)潛在創(chuàng)建額外的工作，當(dāng)你深入項(xiàng)目會(huì)不可避免地發(fā)現(xiàn)和修復(fù)奇怪的錯(cuò)誤，你為自己辯護(hù)的理由將會(huì)擊敗你優(yōu)先選用它的目的。

      坦率的說(shuō)，Twitter Bootstrap包括126kb的CSS和29kb的JavaScript。如果你想要使用Twitter Bootstap的所有功能，你應(yīng)該好好考慮資源的加載時(shí)間。當(dāng)然，對(duì)于一些地方這可能不是問(wèn)題，但是在新西蘭互聯(lián)網(wǎng)不得不橫跨太平洋，這時(shí)數(shù)據(jù)達(dá)到那兒將是很緩慢的。因此考慮你的目標(biāo)市場(chǎng)。Twitter Bootstrap將幫助你建立一個(gè)有吸引力的、響應(yīng)式的網(wǎng)站，但是一些手機(jī)用戶將因?yàn)榫徛募虞d時(shí)間和消耗電量的腳本而別拒之門外。

     可能是最大的爭(zhēng)論之一，BootStrap使用less構(gòu)建，原生不支持Compass和SASS?，F(xiàn)在請(qǐng)不要誤會(huì)我的意思，less是好的，我以前使用它，它肯定有它的優(yōu)點(diǎn)。但是SASS是更好的，帶有一個(gè)類似于Compass的框架，使用它好像完全不需要過(guò)多的考慮。一些人建立了Compass gem的Bootstrap，但是坦率的說(shuō)，你將不得不使用less。在將來(lái)的文章中，我將更多的討論SASS和less。與此同時(shí)，Chris Coyier已經(jīng)寫了一篇文章比較兩者。

      Twitter Bootstrap超級(jí)流行，流行到所有開發(fā)人員和他家的狗都去用的程度。你可能發(fā)覺(jué)由于時(shí)間限制，定制你的app或者網(wǎng)站時(shí)被迫使用了很多原生 Bootrasp風(fēng)格。這會(huì)導(dǎo)致無(wú)意創(chuàng)建很多類似的，一般的和無(wú)眼緣的網(wǎng)站。在Twitter Bootstrap 實(shí)現(xiàn)起來(lái)既快速又容易的同時(shí)，創(chuàng)意往往是妥協(xié)的結(jié)果。在受限的時(shí)間里，在Bootstrap結(jié)構(gòu)化的環(huán)境中，實(shí)現(xiàn)打破常規(guī)的創(chuàng)新設(shè)計(jì)是很難的。




為什么使用SASS/SCSS？