根據(jù)RUNOOB.COM孵奶，總結(jié)了一些有關(guān)bootstrap的面試題：
1沙兰、Bootstrap是哪家公司研發(fā)的？
2痹籍、什么是Bootstrap？以及為什么要使用Bootstrap晦鞋？
Bootstrap 是一個用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架蹲缠。Bootstrap 是基于 HTML、CSS悠垛、JAVASCRIPT 的线定。
Bootstrap具有移動設(shè)備優(yōu)先、瀏覽器支持良好确买、容易上手斤讥、響應(yīng)式設(shè)計等優(yōu)點，所以Bootstrap被廣泛應(yīng)用湾趾。
3芭商、使用Bootstrap時，要聲明的文檔類型是什么搀缠？以及為什么要這樣聲明铛楣？
使用Bootstrap時，需要使用 HTML5 文檔類型（Doctype）艺普。<!DOCTYPE html>
因為Bootstrap 使用了一些 HTML5 元素和 CSS 屬性簸州，如果在 Bootstrap 創(chuàng)建的網(wǎng)頁開頭不使用 HTML5 的文檔類型（Doctype），可能會面臨一些瀏覽器顯示不一致的問題歧譬，甚至可能面臨一些特定情境下的不一致岸浑，以致于代碼不能通過 W3C 標(biāo)準(zhǔn)的驗證。
4缴罗、如果需要制作響應(yīng)式圖像助琐，需要在<img>標(biāo)簽上面增加什么？
class="img-responsive"
5面氓、什么是Bootstrap網(wǎng)格系統(tǒng)（Grid System）兵钮？
Bootstrap 包含了一個響應(yīng)式的、移動設(shè)備優(yōu)先的舌界、不固定的網(wǎng)格系統(tǒng)掘譬，可以隨著設(shè)備或視口大小的增加而適當(dāng)?shù)財U展到 12 列。它包含了用于簡單的布局選項的預(yù)定義類呻拌，也包含了用于生成更多語義布局的功能強大的混合類葱轩。
響應(yīng)式網(wǎng)格系統(tǒng)隨著屏幕或視口（viewport）尺寸的增加，系統(tǒng)會自動分為最多12列。
6靴拱、Bootstrap 網(wǎng)格系統(tǒng)（Grid System）的工作原理垃喊？
（1）行必須放置在?.container?class 內(nèi)，以便獲得適當(dāng)?shù)膶R（alignment）和內(nèi)邊距（padding）袜炕。
（2）使用行來創(chuàng)建列的水平組本谜。
（3）內(nèi)容應(yīng)該放置在列內(nèi)，且唯有列可以是行的直接子元素偎窘。
（4）預(yù)定義的網(wǎng)格類乌助，比如?.row?和?.col-xs-4，可用于快速創(chuàng)建網(wǎng)格布局陌知。LESS 混合類可用于更多語義布局他托。
（5）列通過內(nèi)邊距（padding）來創(chuàng)建列內(nèi)容之間的間隙。該內(nèi)邊距是通過?.rows?上的外邊距（margin）取負仆葡，表示第一列和最后一列的行偏移赏参。
（6）網(wǎng)格系統(tǒng)是通過指定您想要橫跨的十二個可用的列來創(chuàng)建的。例如沿盅，要創(chuàng)建三個相等的列登刺，則使用三個?.col-xs-4。
7嗡呼、對于各類尺寸的設(shè)備，Bootstrap設(shè)置的class前綴分別是什么皇耗？
超小設(shè)備手機（<768px）：.col-xs-
小型設(shè)備平板電腦（>=768px）：.col-sm-
中型設(shè)備臺式電腦（>=992px）：.col-md-
大型設(shè)備臺式電腦（>=1200px）：.col-lg-
8南窗、Bootstrap 網(wǎng)格系統(tǒng)列與列之間的間隙寬度是多少？
間隙寬度為30px（一個列的每邊分別是15px）郎楼。
9万伤、如果需要在一個標(biāo)題的旁邊創(chuàng)建副標(biāo)題，可以怎樣操作呜袁？
在元素兩旁添加<small>敌买，或者添加.small的class。
10阶界、如果想給段落添加強調(diào)文本虹钮，可以怎樣操作？
添加class="lead"
11膘融、用Bootstrap芙粱，如何設(shè)置文字的對齊方式？
class="text-center" 設(shè)置居中文本
class="text-right" 設(shè)置向右對齊文本
class="text-left"?設(shè)置向左對齊文本
12氧映、Bootstrap如何設(shè)置響應(yīng)式表格春畔？
增加class="table-responsive"
13、使用Bootstrap創(chuàng)建垂直表單的基本步驟？
（1）向父<form>元素添加role="form"律姨；
（2）把標(biāo)簽和控件放在一個帶有class="form-group"的<div>中振峻，這是獲取最佳間距所必需的；
（3）向所有的文本元素<input>择份、<textarea>扣孟、<select>添加class="form-control"。
14缓淹、使用Bootstrap創(chuàng)建水平表單的基本步驟哈打？
（1）向父<form>元素添加class="form-horizontal"；
（2）把標(biāo)簽和控件放在一個帶有class="form-group"的<div>中讯壶；
（3）向標(biāo)簽添加class="control-label"料仗。
15、使用Bootstrap如何創(chuàng)建表單控件的幫助文本伏蚊？
增加class="help-block"的span標(biāo)簽或p標(biāo)簽立轧。
16、使用Bootstrap激活或禁用按鈕要如何操作躏吊？
激活按鈕：給按鈕增加.active的class
禁用按鈕：給按鈕增加disabled="disabled"的屬性
17氛改、Bootstrap有哪些關(guān)于<img>的class？
（1）.img-rounded?為圖片添加圓角
（2）.img-circle?將圖片變?yōu)閳A形
（3）.img-thumbnail?縮略圖功能
（4）.img-responsive?圖片響應(yīng)式 (將很好地擴展到父元素)
18比伏、Bootstrap中有關(guān)元素浮動及清除浮動的class胜卤？
（1）class="pull-left" 元素浮動到左邊
（2）class="pull-right" 元素浮動到右邊
（3）class="clearfix" 清除浮動
19、除了屏幕閱讀器外赁项，其他設(shè)備上隱藏元素的class葛躏？
class="sr-only"
20、Bootstrap如何制作下拉菜單悠菜？
（1）將下拉菜單包裹在class="dropdown"的<div>中舰攒；
（2）在觸發(fā)下拉菜單的按鈕中添加：class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown"
（3）在包裹下拉菜單的ul中添加：class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"
（4）在下拉菜單的列表項中添加：role="presentation"。其中悔醋，下拉菜單的標(biāo)題要添加class="dropdown-header"摩窃，選項部分要添加tabindex="-1"。
21芬骄、Bootstrap如何制作按鈕組？以及水平按鈕組和垂直按鈕組的優(yōu)先級德玫？
（1）用class="btn-group"的<div>去包裹按鈕組匪蟀；class="btn-group-vertical"可設(shè)置垂直按鈕組。
（2）btn-group的優(yōu)先級高于btn-group-vertical的優(yōu)先級宰僧。
22材彪、Bootstrap如何設(shè)置按鈕的下拉菜單观挎？
在一個?.btn-group?中放置按鈕和下拉菜單即可。
23段化、Bootstrap中的輸入框組如何制作嘁捷？
（1）把前綴或者后綴元素放在一個帶有class="input-group"中的<div>中；
（2）在該<div>內(nèi)显熏，在class="input-group-addon"的<span>里面放置額外的內(nèi)容雄嚣；
（3）把<span>放在<input>元素的前面或后面。
24喘蟆、Bootstrap中的導(dǎo)航都有哪些缓升？
（1）導(dǎo)航元素：有class="nav nav-tabs"的標(biāo)簽頁導(dǎo)航，還有class="nav nav-pills"的膠囊式標(biāo)簽頁導(dǎo)航蕴轨；
（2）導(dǎo)航欄：class="navbar navbar-default"?role="navigation"港谊；
（3）面包屑導(dǎo)航：class="breadcrumb"
25、Bootstrap中設(shè)置分頁的class橙弱？
默認的分頁：class="pagination"
默認的翻頁：class="pager"
26歧寺、Bootstrap中顯示標(biāo)簽的class？
class="label"
27棘脐、Bootstrap中如何制作徽章斜筐？
<span class="badge">26</span>
28、Bootstrap中超大屏幕的作用是什么蛀缝？
設(shè)置class="jumbotron"可以制作超大屏幕顷链，該組件可以增加標(biāo)題的大小并增加更多的外邊距。
參考文檔：http://www.runoob.com/bootstrap/bootstrap-tutorial.html?
