歡迎來到Bootstrap課堂,加入高端大氣上檔次的web前端開發團隊。上一小節Bootstrap做了簡單的介紹,下面我們再來了解一下Bootstrap的前世今緣,在右側是用Bootstrap預設的組件樣式,包括按鈕、表格、標簽、導航等,感興趣的小伙伴可以先睹為快,后面的章節我們會對這些組件做詳細講解。
2011年,twitter的“一小撮”工程師為了提高他們內部的分析和管理能力,用業余時間為他們的產品構建了一套易用、優雅、靈活、可擴展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所設計和建立,在github上開源之后,迅速成為該站上最多人watch&fork的項目。大量工程師踴躍為該項目貢獻代碼,社區驚人地活躍,代碼版本進化非??焖?,官方文檔質量極其高(可以說是優雅),同時涌現了許多基于Bootstrap建設的網站:界面清新、簡潔;要素排版利落大方。如屏幕這幾個網站頁面都是用Bootstrap框架制作的:
(http://www.ghostchina.com/)
(http://www.zend.com/)
(http://www.uberflip.com/)
GitHub上這樣介紹 bootstrap:
? 簡單靈活可用于架構流行的用戶界面和交互接口的html、css、javascript工具集。
? 基于html5、css3的bootstrap,具有大量的誘人特性:友好的學習曲線,卓越的兼容性,響應式設計,12列格網,樣式向導文檔。
? 自定義JQuery插件,完整的類庫,基于Less等。
Bootstrap是否真的非常實用?帶著這些問題,我們將完成接下來的學習旅程——玩轉Bootstrap,并且通過Bootstrap構建自己的Web應用程序或者Web網站。
此課Bootstrap下載等更多信息詳見WIKI。
我來試試:觀察代碼編輯器中的代碼,體驗一下Booststrap對樣式的各種使用。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報