❶ bootstrap框架怎麼使用
全局樣式
1
Bootstrap 中用到一些 HTML元素和CSS屬性需要將頁面設置為 HTML5 文檔類型，即在頁面頂部添加「<!DOCTYPE html>」
2
布局容器：Bootstrap 需要為頁面內容和柵格系統包裹一個 .container或container-fluid（占據全部視口viewport的容器）容器。
3
柵格系統，Bootstrap 提供了一套最多12列的流式柵格系統，通過 .row表示行 和 .col-xs-4 這種表示寬度的列快速創建柵格布局。
4
Bootstrap 排版、鏈接樣式設置了基本的全局樣式。
font-size 設置為 14px，line-height 設置為 1.428。
<p> （段落）元素還模告首被設置了等於 1/2 行高（即 10px）的底部外邊距（margin）。
基礎樣式
【排版】，
1. 標題，可以用來.h1 到 .h6 類給內聯屬性的文本賦予標題樣式，標題內通過<small> 標簽或帶.small 類的元素標記副標題。
主體文本：.lead 類讓段落突出顯示。
2. 內聯文本，使用<mark> 標簽表示標注文本，<del>刪除，<s>無用，<ins>插入，<u>下劃線，<small>小號（父容器字體大小的 85%），<strong>著重，<em>斜體。
3. 文本對齊類，text-left，text-center，text-right，text-justify，text-nowrap
4. 文本大小寫類，text-lowercase，text-uppercase，text-capitalize
5. 縮略語類，為 <abbr> 元素設置 title屬性並使用.initialism 類讓 font-size 變得稍微小些。例：<abbr title="attribute" class="initialism">attr</abbr>
6. 地址，以日常使用的格式呈現，在行結尾加 <br> 保留需要的樣式即可。
7. 引用，將 HTML 元素包裹在 <blockquote> 中即可表現為引用樣式。對於直接引用，建議用 <p> 標簽。旦數
8. 列表，list-unstyled類移除默認 list-style 樣式和左側外邊距的一組元素（只針對直接子元素）。list-inline類通過設置 display: inline-block; 並添加少量的內補（padding），將所有元素放置於同一行。dl-horizontal類讓 <dl> 內的短語及其描述排在一行。
【代碼】
<code> 標簽包裹內聯樣式的代碼片段，
<kbd> 標簽標記用戶通過鍵盤輸入的內容，
<pre> 展示代碼塊 。可用pre-scrollable 類設置最高350px帶垂直滾動條。
<var> 標簽標記變數，
<samp> 標簽標記程序輸出的內容。
【表格】
.table 類指定基本樣式，
.table-striped 條紋樣式，
.table-bordered 類為邊框樣式，
.table-hover 類帶滑鼠懸停樣式，
.table-condensed 類緊湊樣式。
狀態類(行或單元格設置顏色)：active，success，info，warning，info。
將任何 .table 元素包裹在 .table-responsive 元素內，即可創建響應式表格，其
響應式表格: 會在小屏幕設備上（小於768px）水平滾動。當屏幕大於 768px 寬度時，水平滾動條消失。
【表單】
1. 基本實例，所有設置了 .form-control 類的 <input>、<textarea> 和 <select> 元素都將被默認設置寬度屬性為 width: 100%;。 將 label 元素和前面提到的控制項包裹在 .form-group 中可以獲得最好的排列。
不要講表單組直接和輸入框組混合使用。建議將輸入框組嵌套到表單組中使用。
form-group，input-group，control-group，
2. 內聯表單，<form> 元素添加 .form-inline 類可使友滾其內容左對齊並且表現為 inline-block 級別的控制項。只適用於視口（viewport）至少在 768px 寬度時（視口寬度再小的話就會使表單折疊）。
在內聯表單中單選/多選框控制項的寬度設置為 width: auto;
如果你沒有為每個輸入控制項設置 label 標簽，屏幕閱讀器將無法正確識別。對於這些內聯表單，你可以通過為label 設置 .sr-only 類將其隱藏。
3. 水平排列的表單
通過為表單添加 .form-horizontal 類改變 .form-group 的行為，使其表現為柵格系統中的行（row）
4. 多選和單選框
.radio、.radio-inline、.checkbox、.checkbox-inline 。
5. 靜態控制項
水平布局的表單中，如需將一行純文本和 label 元素放置於同一行，為 <p> 元素添加 .form-control-static類即可。
6. 控制項狀態
.disabled類禁用控制項，為<fieldset> 設置disabled 時則禁用包含的所有控制項。
a標簽不受此類影響。
readonly 屬性可以禁止用戶輸入
.has-warning、.has-error 或 .has-success 類到這些控制項的父元素即可。任何包含在此元素之內的 .control-label、.form-control 和 .help-block 元素都將接受這些校驗狀態的樣式。
你還可以針對校驗狀態為輸入框添加額外的圖標（注意依賴於label標簽）。只需設置相應的 .has-feedback 類並添加正確的圖標即可。
7. 控制項尺寸
通過 .input-lg .input-sm類似的類可以為控制項設置高度，通過 .col-lg-* 類似的類可以為控制項設置寬度
通過添加 .form-group-lg 或 .form-group-sm 類，為 .form-horizontal 包裹的 label 元素和表單控制項快速設置尺寸。
用柵格系統中的列（column）包裹輸入框或其任何父元素，都可很容易的為其設置寬度。
8. 輔助文本
help-block類，針對表單控制項的「塊（block）」級輔助文本。
【按鈕】
1. 基本樣式，btn、btn-default、btn-primary、btn-success、btn-info、btn-warning、btn-danger、active
2. 展現形式，btn-link、btn-block、close
3. 尺寸樣式，.btn-lg、.btn-sm 、.btn-xs 。
可通過 <a>、<button> 或 <input> 元素應用按鈕類，但建議用 <button> 元素來獲得在各個瀏覽器上獲得相匹配的繪制效果。
6
【圖片】
圖片形狀，img-rounded，img-circle，img-thumbnail，IE8 不支持 CSS3 中的圓角屬性。
7
【輔助】
text-muted、text-primary、text-success、text-info、text-warning、text-danger
bg-primary、bg-success、bg-info、bg-warning、bg-danger、
三角符號，caret
浮動
居中
組件樣式
【圖標】
200個來自 Glyphicon Halflings 的字體圖標，
圖標類只能應用在空元素上，且不可與其它組件聯合使用。
<span class="glyphicon glyphicon-search"></span>
【菜單】
將下拉菜單觸發器和下拉菜單都包裹在 .dropdown 里
菜單對齊：默認情況下，下拉菜單自動沿著父元素的上沿和左側被定位為 100% 寬度。 為 .dropdown-menu 添加 .dropdown-menu-right 類可以讓菜單右對齊
菜單分組：dropdown-header表描述項，.disabled 表禁用項
向上彈出： .dropup 類就能使觸發的下拉菜單朝上方打開
【按鈕組】
按鈕組.btn-group，通過.btn-group-* 指定組中按鈕尺寸。
按鈕欄.btn-toolbar
鈕垂直堆疊排列顯示btn-group-vertical
兩端對齊排列的按鈕組btn-group-justified
【導航】
標簽頁.nav-tabs 類依賴 .nav 基類。
膠囊式標簽頁.nav-pills 類，添加 .nav-stacked 類改為垂直堆疊。
.nav-justified 類可以很容易的讓標簽頁或膠囊式標簽呈現出同等寬度。
navbar navbar-default
對於不包含在 <form> 中的 <button> 元素，加上 .navbar-btn 後，可以讓它在導航條里垂直居中。
將表單放置於 .navbar-form 之內可以呈現很好的垂直對齊，
.navbar-text
.navbar-link
.navbar-left 和 .navbar-right 工具類讓導航鏈接、表單、按鈕或文本對齊。
.navbar-fixed-top 類可以讓導航條固定在頂部
.navbar-fixed-bottom 類可以讓導航條固定在底部
.navbar-static-top 類可讓導航條隨著頁面向下滾動而消失。
.navbar-inverse 類可以改變導航條的外觀。
breadcrumb 創建帶有層次的導航結構（麵包屑）。
【分頁】
pagination，並根據情況對頁碼使用.disabled 類、 .active 類。
.pagination-lg 或 .pagination-sm 類提供了額外可供選擇的尺寸。
pager上一頁和下一頁的簡單翻頁。並可通過previous，next類標示。
【標簽】
label標簽基類，可通過label-default, label-primary, label-success, label-info, label-warning, label-danger改變標簽的外觀。
badge，可以很醒目的展示新的或未讀的信息條目。
7
【其它】
縮略圖
提示框
進度條
媒體對象等
定製樣式
1
BootStrap提供了根據自己需要的組件及jquery插件進行定製，使用者也可以直接修改Less源碼。
END
總結
1
本篇經驗僅從全局簡單介紹Bootstrap的內容，細節部分並不具體，Bootstrap的使用非常靈活，可以對各種組件進行合並使用（如：為標簽頁項 添加帶下拉菜單），建議使用過程中實時參考官方文檔，官方文檔有更詳細的下載及使用說明，針對具體樣式有直觀樣例，而且有豐富的主題案例。
❷ 有哪些生成前端代碼的神器呢
一、項目腳手架代碼生成工具
項目腳手架主要做的項目的構建流程，環境的配置等。做到開箱即用。
1、基於命令的
1）yo 曾經流行過的一個腳手架生成工具。支持定義腳手架內容。基於 yo 的第三方腳手架也很多。
2）vue-cli 。 Vue 項目腳手架。支持自定義腳手架內容，感興趣的可以讀讀 從vue-cli源碼學習如何寫模板。
3）create react app React 腳手架。比較輕量級，只是整合 webpack 和 react-router。
4）react boilerplate React 腳手架。比較重量級，整合了webpack 和 react router, rex, rex suga, reselect 等。
2、基於圖形界面的
1）定製 Bootstrap 3
二、組件代碼生成工具
1、基於命令的
1）react boilerplate 的 nam run generate 可生成組件的腳手架代碼。
三、頁面代碼生成工具
1、基於命令的
代碼編輯器的代碼片段(Code Snippent)功能。主流的代碼編輯器(Sublime,Atom,VS Code，Web Strom等) 都支持代碼片段。也有寫好的代碼片段的編輯器插件。主流的框架基本都有對應的代碼片段工具。
1）Emmet 提供 HTML，CSS，js 的自動補全功能。
2）Bootstrap 3 Snippets
3）Vuejs Snippets
2、基於圖形界面的
1)H5營銷頁面生成工具。有一大堆，如：Maka、初夜、兔展。
2)GrapesJS 強大的網頁生成器。開源。
3)LayoutIt 托拽 Bootstrap 組件，生成頁面。
❸ 產品經理技術腦：Bootstrap
什麼是 Bootstrap？
Bootstrap 是Web 應用程序的前端框架擾滾凱。基於 HTML、CSS、JAVASCRIPT 。
Bootstrap由美國Twitter公司的設計師Mark Otto和Jacob Thornton合作開發的，基於HTML、CSS、JavaScript 的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷備禪。
Bootstrap提供了優雅的HTML和CSS規范，由動態CSS語言Less寫成，一直是GitHub上的熱門開源項目。
Bootstrap 是一個用於快速開發 Web 應用程序和網站的前端框架。在現在的 Web 開發中，有幾個幾乎所有的 Web 項目中都需要的組件。
Bootstrap版本功能發展
Bootstrap 與最新版的 Google Chrome、Firefox、Internet Explorer、Opera 和 Safari 瀏覽器兼容，盡管有些瀏覽器並不是支持所有操作系統。
從 2.0 版本開始，Bootstrap 支持響應式網頁設計(RWD)。頁面布局可以根據顯示網頁的設備（桌面、平板電腦、手機）來進行動態調整。
3.0 版本開始，Bootstrap 將移動設備優先作為設計方針，更加強調了響應式設計。
4.0 alpha 版本添加 Sass 和 Flexbox 的支持。
Bootstrap特點
Bootstrap非常流行，得益於它非常實用的功能和特點。主要核心功能特點如下：
l跨設備、跨瀏覽器
可以兼容所有現代瀏覽器，包括比較詬病的IE7、8。當然，本課程不再考慮IE9以下瀏覽器。
l響應式布局
不但可以支持PC端的各種解析度的顯示，還支持移動端PAD、手機等屏幕的響應式切緩喚換顯示。
l提供的全面的組件
Bootstrap提供了實用性很強的組件，包括：導航、標簽、工具條、按鈕等一系列組件，方便開發者調用。
l內置jQuery插件
Bootstrap提供了很多實用性的jquery插件，這些插件方便開發者實現Web中各種常規特效。
l支持HTML5、CSS3
HTML5語義化標簽和CSS3屬性，都得到很好的支持。
l支持LESS動態樣式
LESS使用變數、嵌套、操作混合編碼，編寫更快、更靈活的CSS。它和Bootstrap能很好的配合開發。
Bootstrap基本內容與組件
Bootstrap 包括 HTML、CSS 及 JavaScript 的框架，提供字體排印、窗體、按鈕、導航及其他各種組件及 Javascript 擴展。主要包含內容有：
l 基本結構 ： Bootstrap 提供了一個帶有網格系統、鏈接樣式、背景的基本結構。
l 全局CSS樣式 ： Bootstrap 自帶以下特性：全局的 CSS設置、定義基本的 HTML 元素樣式、可擴展的 class，以及一個先進的網格系統。
l 組件 ： Bootstrap 包含了十幾個可重用的組件，用於創建圖像、下拉菜單、導航、警告框、彈出框等等。
l JavaScript 插件 ：Bootstrap包含了十幾個自定義的jQuery 插件。您可以直接包含所有的插件，也可以逐個包含這些插件。
l 定製 ：您可以定製Bootstrap的組件、LESS 變數和jQuery 插件來得到您自己的版本。
lBootstrap全局Css樣式包括
Grid
Typography
Tables
Forms
Buttons
Responsiveness。
l還有大量其他有用的前端組件，比如：
Dropdowns
Navigation
Modals
Typehead
Pagination
Carousal
Breadcrumb
Tab
Thumbnails
Headers
Bootstrap資源
l參考資料
Bootstrap官網
http://getbootstrap.com
Bootstrap中文網
http://www.bootcss.com
網站使用案例
http://expo.bootcss.com/
Github
https://github.com/twbs/bootstrap
l教程
Bootstrap菜鳥教程
http://www.runoob.com/bootstrap/bootstrap-tutorial.html
Bootstrap on W3Schools
http://www.w3schools.com/bootstrap
慕課網視頻教程
http://www.imooc.com/course/list?c=bootstrap
l模版
Bootstrap免費模版
http://startbootstrap.com
模糊效果後台模版
http://akveo.github.io/blur-admin/
後台模版
https://colorlib.com/polygon/gentelella/index.html
儀表盤
http://keen.github.io/dashboards/
l主題
Flat－ui
http://designmodo.com/flat-free/
各種配色主題
https://bootswatch.com/
基於bootstrap的主題框架
http://bootflat.github.io
l實用工具
實用代碼片段
http://bootsnipp.com/ 提供一些有用的在線工具和代碼片段
❹ html5和響應式頁面到底是有什麼關系
html5是html4的更新標准。html5新增了一些html標簽以及這些標簽對應的css和js介面。 bootstrap是在html5標准形成之際推出的，因此bootstrap天生含有html5的一些標簽和特性。 比如，bootstrap支持響應式設計，具體體現在bootstrap的css庫（主要是啟用了css3標準的media query功能）實現了各種設備下的一些預設的html＋css組件（就是一些半成品的代碼片段，適合在網頁各個地方復制粘貼）。
簡單說：
html5是html的最新標准 ，體現在新標簽，新css標准，新js介面
bootstrap是基於html5技術的一個好用的前端代碼框架，可以簡單的復制粘貼，修修改改做一個漂亮頁面
響應式設計是一種設計實現理念 ，css3的meida query功能讓這個理念的實現變的現實而方便。
H5是指在html5標准推行以後，利用html5新特性在手機上的配合市場營銷採用了大量的js css 及canvas技術實現的頁面。個人認為H5的概念很狹隘不能代表整個web前端，更不能包含webapp。 但H5的概念也可以變的更寬放，泛指一切在手機上實現的應用或頁面。
❺ bootstrap用什麼編輯器
以下是 15 款最好的 Bootstrap 編輯器或者是在線編輯工具。
1. Bootstrap Magic
這是一個 Bootstrap 主題生成器，使用最新的 Bootstrap 3 版本和 Angular JS 版本，提供一個鮮活的用戶修改預覽。它包括了各種各樣的導入，一個顏色選擇器和智能的預先輸入。更神奇的是，Bootstrap 會根據用戶的每個選擇來重新簡歷框架，方便用戶的下載和使用。
2. BootSwatchr
BootSwatchr 是由 Drew Strickiand 獨立開發和維護的，是唯一支持從右到左語言顯示的 Bootstrap 自定義構建工具，這也是它的特色之一。BootSwatchr 是個可視化的工具，可以從底層開始創建 Bootstrap 主題。
3. Bootstrap Live Editor
Bootstrap Live Editor 是個所見即所得的構建 Bootstrap 的編輯器。在 Bootstrap 准備好的內容和代碼片段的基礎上提供一個又好又優雅的方法來編輯和美化 html，也因此它是個明智的選擇。除此之外，它還包括高級的選項比如按鈕配置，自定義標簽和為用戶做最明智最有益的選擇。
4. Fancy Boot
Fancyboot 是個非常有用的 Bootstrap 自定義工具，允許用戶編輯 Bootstrap 的配置，自動預覽他們的修改結果。通過滑動菜單可以選擇需要使用的插件和組件。當用戶做好了相應的修改，可以下載一個包含用戶所使用的 jQuery 插件的編譯好的和簡化後的 CSS 文件。
5. Style Bootstrap
Style Bootstrap 是個非常棒的內置瀏覽器的 GUI 實用工具，幫助用戶自定義 Twitter Bootstrap 外觀。它非常容易進行自定義操作。從 body 風格，字體排版，按鈕，導航，格式，通知提示和其他用戶很容易根據自己的意願自定義的元素。除了強大的自定義功能，它還可以很容易生成可下載的 CSS 文件。
6. Lavish
Lavish 是個幫助用戶從一個圖像中定製自己喜歡的 Bootstrap 配色方案。用戶可以從圖像中選擇各種顏色用在 body 背景，鏈接，頭部，菜單，標簽，文本，下拉菜單等等元素上。一旦你確定了 Bootstrap 配色方案，就可以很方便的下載相應的 Boostrap.css 文件。
7. Bootstrap ThemeRoller
Bootstrap ThemeRoller 是個直觀的 web 應用程序， 提供一個可視化的界面讓用戶按照自己的風格創建屬於自己的 Bootstrap 主題。有了這個工具，用戶可以自定義顏色，大小，字體，格式，表，按鈕，警告信息，導航條，菜單等等元素。 這個應用還會幫用戶創建的每種風格都生成唯一的一個 URL ，這樣就可以保存用戶所有的設置。更不可思議的是，當用戶離開的時候，用戶可以停止或者恢復自己定製的頁面。
8. LayoutIt!
LayoutIt！擁有拖拽介面的功能，能簡單迅速的構建一個 Bootstrap 前端代碼。LayoutIt！ 兼容任何的編程語言，允許用戶下載 HTML ，在這里自由的進行編碼設計。
9. Pingendo
Pingendo 是個可視化的桌面應用程序，允許用戶給予流行的 Twitter Bootstrap 框架創建響應式 web 頁面原型。Pingendo 還提供大量的現成的布局，拖拽元素的位置，調整大小和自定義的功能。用戶可以自行優化他們的頁面，插入他們自己的內容。
10. Kickstrap
Kickstrap 是個 Bootstrap UI 編輯器，使用 Firebase 作為一個後台服務。它無縫的接合了 Bootstrap 和頂級的 web 技術。更厲害的是，它可以運行一個已驗證的，不需要本地後台支持，資料庫驅動的 web 應用。
11. Bootply
Bootply 是一款很棒的 Bootstrap UI 編輯工具，盡可能簡單的讓用戶編輯 Bootstrap 友好的 CSS ，HTML 和 Javascript 。同時也是一個可拖拽的可視化編輯器，用來設計，創建原型和測試 Bootstrap 框架。Bootply 有個代碼存儲庫，裡麵包括了 Bootstrap 代碼片段，示例和模板。除了以上這些，更吸引人的是它有個非常活躍的 Bootply 社區，用戶可以很方便的發現，分享和展示相關的代碼和片段。
12. X-editable
X-Editable 是一個擴展庫，允許用戶創建可編輯的元素，比如頁面彈出和內聯模式。她提供本地的 Bootstrap，jQuery UI 或者是純 jQuery 編輯功能。此 Bootstrap UI 編輯器擁有許多很強大的功能，包括客戶端，服務端驗證，支持鍵盤，live 事件，可定製的容器空間等等。總而言之，它提供非常快速的開發功能，易於刪除欄位，一個用來更新數據的簡簡單後台腳本。
13. Jetstrap
不要錯誤的以為 Jetstrap 只是個簡單的實體模型工具，它是 100% 基於 web 介面的 Twitter Bootstrap 構建工具。用戶不需要下載任何類型的軟體就可以使用 Jetstrap。用戶只需要登錄，然後構建自己的項目，就可以隨時隨地進行訪問了。構建功能主要是提供給開發者和設計者的，用戶很容易就可以通過 Jetstrap 生成漂亮的網站，而且運行速度非常快
14. DivShot
DivShot 是個快速的，可視化的前端開發文本編輯器，跟 mockup 工具一樣的簡單整潔。包括各種框架需要的各種定製的組件庫，這是它提供的最好的工具之一。除此之外還包括了一個主題轉換器，允許用戶修改主題。試驗版本是免費的，過了試驗期就需要自己付費維持原來的服務了。
15. PaintStrap
PaintStrap 使用 Adobe kuler/COLOURlovers 顏色組合來生成漂亮的 Twitter Bootstrap 主題。這個工具特別容易安裝，同時很容易下載 CSS 文件並且也很容易替換成另一個標準的文件。
❻ 使用bootstrap的原因是什麼
1.節省時間
利用Bootstrap，你將有更多的時間用來掙錢。Bootstrap庫中包含很多現成的代碼片段，這些代碼可為你的網站增加更多活力。Web開發者不必再花費時間、費力地編碼，只需找到合適的代碼，插入到合適位置即可。此外，CSS利用LESS編寫，很多樣式和設計都已設計完成。
2.定製化
Bootstrap很重要的一方面就是你可以將它據為己有。你可以留取框架中需要的部分，拋棄不需要的。Bootstrap整體允許你根據自己的需要，裁剪自己跡旦開發的項目。
3.設計方面的因素
網格系統
對頁面進行布局時，往往需要有一個合適的網格。你不一定使用該平台的網格，但它確實能大大降低你工作的難度。默認模式下，該平台提供一個16列的網格（寬為960px）。每列寬40px，每列左右兩側具有10px的間隙，各網格最外側均留出20px的空白。你可以根據需要改變行數與間隔大小。樣式已開發完成，開發者只需要把合適的代碼放入HTML合適的位置即可。
LESS
LESS在開發周期內應用很廣。它是一種基於CSS之上的高級語言，其目的是使得CSS開發更靈活和更強大。你可以利用LESS的Mixins及CSS操作定製內嵌網格。Bootstrap採用了大量流行的CSS3功能，可以對所有的網站提供統一的瀏覽體驗。
JavaScript
Bootstrap提供JavaScript庫，該庫超越了基本的架構與樣式。通過Bootstrap，開發者可輕易地操作窗口警告框、工具提示框、滾動條、按鈕等。Bootstrap最突出之處是，它可以讓你不必再費神費力地寫腳本。
4.一致性
Twitter當初開發該工具的最主要原因是，開發者所開發項目在不同瀏覽器間的不一致性。這就導致了很多前端開發與最終用戶界面之間的問題。Bootstrap保證了界面在不同平台上的統一性。在IE、Chrome及Firefox中，你可以看到統一的界面。
5.保持持續更新
以jQuery 的UI為例：每一年更新一次。而Bootstrap則在不停地改進，更具規律性與持續性。Web開發者一發現新問題， Bootstrap團隊便立刻著手修復它。
6.易於集成
如果你想進一步完善一個已完成的網站，Bootstrap可以幫助你。例如，如果你要統一使坦州昌用自己編寫的表格樣式，你要做的是把你的樣式復制到CSS樣式文件中。Bootstrap將立即剔除它本身的樣式，在這里，你需要將該文件與Twitter進行關聯。集成的過程十分簡單、方便、快捷。完成之後，你便可以把你的設計應用到你的核心內容上。
7.響應式
Bootstrap為響應式框架。無論你的開發工作從筆記本轉移到iPad，還是從iPad轉移到Mac上，你都不用為你的工作而苦惱。因為Bootstrap能以超快的速遞與效率適應不同平台間的差異。
8.對未來技術具有兼容性
Bootstrap包含很多特殊元素，如HTML5和CSS3，這些元素被稱為設計的未來。因為該框架考慮到設計和開發的未來，它很有潛力成為未來幾年裡Web開發者的參考標准。
9.競爭力
Bootstrap並不是唯一的前端開發框架，比如還有JQuery UI、HTML5 Boilerplate等等。但對於Bootstrap來說，真正的競爭對手是Zurb Foundation。Bootstrap 2新增加了一個工具集，Foundation經過好長時間才填補上。Bootstrap包含大量的第三方插件、主題、功能特性、代碼等等，而Foundation並不具備這些。
10.詳盡的說明文檔
Bootstrap的文檔相當精彩。大部分新平台往往沒有合適的說明文檔，而Bootstrap的說明文檔大大幫助了我們的入門學習。通過文檔可以找到我們需要的所有信息。
11.讓老闆們受益
學習Bootstrap，並不會花費你太多時間，因為它將所有的模塊化方法與體系結構封裝在了一起。從老闆的角度來看，如果你為Web開發者提供了Bootstrap框架，那麼他們會節省更多的學習時間，讓扒並快速投入到工作中。這會為老闆們帶來更好的收益。