隨著移動端設(shè)備的多樣化以及普及度，響應(yīng)式網(wǎng)站應(yīng)運而生，為了方便響應(yīng)式網(wǎng)站的開發(fā)，前端網(wǎng)站開發(fā)框架bootstrap被行業(yè)內(nèi)人士大力推崇。那么今天就跟小編一起探討一下bootstrap被大力推崇的原因吧！

柵格式布局：

Bootstrap的柵格式系統(tǒng)是其精華，本質(zhì)是table，將網(wǎng)頁按照網(wǎng)格進行布局。通過多媒體查詢對xs 768，sm 768 – 992，md 992 – 1200，lg 1200 等不同的屏幕大小，采取不一樣的布局。原理是將屏幕寬度分為12列，不同屏幕下不同模塊所占的寬度比例不同，一行放不下自動擠到下一行排列的流式布局系統(tǒng)。使得頁面布局更具靈活性。

組件：

Bootstrap組件基本都提供一下樣式，success/info/warning/danger 來區(qū)分不同場景下的顯示，提供了狀態(tài)：active/disable 激活和禁止的樣式; 提供了 show和 hide。提供了控件大小 xxx-md/xs/lg/sm?；窘M件包括文本，表格，表單，按鈕，圖片等。增強版組件有字體圖標(biāo)，基于列表ul(ol)/li 實現(xiàn)的一些控件， 膠囊導(dǎo)航，導(dǎo)航欄，面包屑導(dǎo)航，分頁 & 翻頁，按鈕組， 輸入框組等。

插件：

Bootstrap 提供了 data-xx 屬性（對應(yīng)有API操作，可以二選一），通過 12 個js來實現(xiàn)。比如：data-toggle 觸發(fā)型，collapse - 折疊效果（同級別），dropdown - 下來菜單（子級別），modal - 模態(tài)框等。還有一些事件類型的插件，一類是過程開始觸發(fā)；一類是過程執(zhí)行結(jié)束。

Bootstrap響應(yīng)式網(wǎng)站開發(fā)工具提供了強大的布局公能，同時提供了網(wǎng)站開發(fā)排版布局方面的基本功能樣式，提供了前端網(wǎng)站開發(fā)常用的一系列組件，方便的實現(xiàn)了響應(yīng)式網(wǎng)站布局。