資源描述:
《bootstrap入門教程》由會員上傳分享,免費在線閱讀,更多相關內容在行業(yè)資料-天天文庫。
1、本作品由VentLam創(chuàng)作,采用知識共享署名-非商業(yè)性使用-相同方式共享2.5中國大陸許可協(xié)議進行許可。BootStrap入門教程(一)2011年,twitter的“一小撮”工程師為了提高他們內部的分析和管理能力,用業(yè)余時間為他們的產品構建了一套易用、優(yōu)雅、靈活、可擴展的前端工具集--BootStrap。Bootstrap由MARKOTTO和JacobThornton所設計和建立,在github上開源之后,迅速成為該站上最多人watch&fork的項目。大量工程師踴躍為該項目貢獻代碼,社區(qū)驚人地活躍,代碼版本進化非??焖伲俜轿臋n質量極其高(可以說是優(yōu)雅),
2、同時涌現(xiàn)了許多基于Bootstrap建設的網站:界面清新、簡潔;要素排版利落大方。如下圖所示:https://kippt.com/http://www.fleetio.com/GitHub上這樣介紹bootstrap:簡單靈活可用于架構流行的用戶界面和交互接口的html,css,javascript工具集?;趆tml5、css3的bootstrap,具有大量的誘人特性:友好的學習曲線,卓越的兼容性,響應式設計,12列格網,樣式向導文檔,自定義JQuery插件,完整的類庫,基于Less等。本系列教程遵循官方文檔結構來介紹bootstrap,包括手腳架(Sca
3、ffolding),基礎CSS,組件,javascript插件,使用LESS與自定義.本文主要介紹Bootstrap的基礎布局--Scaffolding.Bootstrap建立了一個響應式的12列格網布局系統(tǒng),它引入了fixed和fluid-with兩種布局方式。我們從全局樣式(GlobalStyle),格網系統(tǒng)(GridSystem),流式格網(FluidgridSystem),自定義(Customing),布局(Layouts),響應式設計(ResponsiveDesign)這六五個方面深入講解Boostrap的scaffolding.1全局樣式(Glo
4、balStyle).Bootstrap要求html5的文件類型,所以必須在每個使用bootstrap頁面的開頭都引用:...