Bootstrap,是一款基于HTML、層疊樣式表和JS的前端框架,是用于開發響應式布局、移動設備優先的Web項目,是由動態CSS語言Less縮寫而成,它為所有開發者、所有應用場景而設計,由美國Twitter公司的設計師Mark Otto和Jacob Thornton合作開發。
Bootstrap的源碼是基于CSS預處理腳本Less和SASs開發的。使用Bootstrap開發的網站和應用,可通過Bootstrap的幫助,通過同一份代碼快速、有效地適配手機、平板、PC設備。Bootstrap提供了全面、美觀的文檔,可供開發者找到關于HTML元素、HTML和層疊樣式表組件、jQuery插件方面的所有詳細文檔。利用Bootstrap提供的Sass變量、混合(mixins)式和響應式柵格系統、可擴展的預制組件以及強大的jQuery插件,能夠快速開發出產品原型或構建整個APP。
Bootstrap一直是GitHub上的熱門開源項目,美國航空航天局的MSNBC(微軟全國廣播公司)的Breaking News即使用了該項目。在中國,一些移動開發者較為熟悉WeX5前端開源框架等,也是基于Bootstrap源碼進行性能優化而來的。
版本形態
目前使用較廣的是版本2、3和4,其中2的最新版本的是2.3.2,3的最新版本是3.4.1,4的最新版本是4.4.1
在2018年1月下旬,Bootstrap團隊發布了Bootstrap 4 正式版,4的最主要變化包括以下方面:
包含內容
組件
Bootstrap中包含了豐富的Web組件,根據這些組件,可以快速的搭建一個漂亮、功能完備的網站。其中包括以下組件:
下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等。
支持插件
Bootstrap自帶了13個jQuery插件,這些插件為Bootstrap中的組件賦予了“生命”。其中包括:
模式對話框、標簽頁、滾動條、彈出框等。
特點
Bootstrap是基于html5和CSS3開發的,它在jQuery的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格,并兼容大部分jQuery插件。最新版本是V3.3.4。
框架代碼
可以對Bootstrap中所有的層疊樣式表變量進行修改,依據自己的需求裁剪代碼。
應用案例
less?是一個?層疊樣式表預處理器,讓?CSS?具有動態性。另一方面,Bootstrap?是一個快速開發?Web?App?和站點的工具包。這樣,您可以在?CSS?中使用?Bootstrap?的?Less?變量、mixins(混合)和?nesting(嵌套)。
參考資料 >
資料.www.ziqiangxuetang.com.2015-08-11