Twitter 設計師 Mark Otto(以前在 Zurb)[1] 負責了不少 Twitter 非前臺的頁面設計,好比 Dev、Support 和 Promoted Products。
去年,Mark 在本身網站發佈了一套基於 Less [2] 框架的工具合集(mixins)—— Bootstrap.less [3],方便前端開發(靜態部分)。秉承他在 Twitter 的一向設計風格,同時考慮到國外用戶的大環境,使用了大量超出現有普及水平的 CSS 樣式,倒也算是一套稱手的工具。
多是 Twitter 的內部環境寬鬆,對員工的信賴程度和對新技術的堅決支持也超過了絕大多數國內公司,他們不只把被某些人詬病有性能問題的 Less 直接用於生產環境(固然是編譯後的代碼),同時 Mark 也把本身的設計風格繼承到了 Twitter Bootstrap 裏。因而有了這套工具集。
Bootstrap 究竟是什麼東西? css
若是你用過以前的 H5BP [4] 或者 960 Grid System [5] 之類的前端框架,那就很容易理解,Bootstrap 就是一堆現成 CSS 樣式的合集。
Bootstrap 有什麼「過人之處」?
Bootstrap 內置樣式很是漂亮,並且
夠用
。與其把網站搞得花裏胡哨,不如一切從簡。Bootstrap 在 reset 瀏覽器樣式之餘,又添加了類 Twitter 的頁面元素,你要作的只是用,肆無忌憚地、放心地用,不用琢磨這個行高、計算那個寬度、讓不當心忘記定義的頁面元素尷尬地顯示在頁面上。並且它出自 Twitter 之手,經受了億萬用戶的考驗,外加 Twitter 強大的設計團隊的支持,讓這套框架顯得不同凡響。
Bootstrap 於咱們,意義何在?
方便沒有設計師的團隊也能迅速拿出一個看得過眼去的網站原型,不要考慮太浮誇的設計,一切從極簡出發。 html
另附上咱中國的bootstrap網址:http://www.bootcss.com/或http://wrongwaycn.github.io/bootstrap/docs/index.html。上面的css樣式和js效果很好很方便 前端