Bootstrap模組考試題
一、單選題(針對以下題目，請選擇最符合題目要求的答案。針對每一道題目，所有答案都選對，
則該題得分，所選答案錯誤或不能選出所有答案，則該題不得分。每題2.5分，共80分。)
1.Bootstrap外掛全部依賴是(B)
A.JavaScript
B.JQuery
C.AngularJS
D.NodeJS
2.柵格系統小型裝置平板電腦螢幕使用的類字首是(B)
A..col-xs- B..col-sm- C..col-md- D..col-lg-
3.如下程式碼中，想要在超小螢幕和小螢幕顯示兩列，在中螢幕和大螢幕顯示三列，三個div的
class正確的寫法是(D)xs
<div_class=”row'>
<divclass=””>item1</div>
<divclass=””>item2</div>
<div_class=””>item3</div>
</div>
A.col-sm-6col-md-4col-sm-6col-md-4，col-sm-6col-md-4
B.col-sm-6col-lg-4col-sm-6col-lg-4，col-sm-6col-lg-4
C.col-xs-6col-lg-4col-xs-6col-lg-4，col-xs-6col-lg-4
D.col-xs-6col-md-4col-xs-6col-md-4，col-xs-6col-md-4
4.下面可以實現列偏移的類是(A)
A..col-md-offset-*
B..col-md-push-*
c..col-md-pull-*
D..col-md-move-*無
5.表單元素要加上什麼類，才能給表單新增圓角屬性，和陰影效果(D)
A.form-groupB.form-horizontalC.form-inlineD.form-control
6.img-responsive類可以讓圖片支援響應式佈局，它的實現原理是(A)
A.設定了max-width：100%和height：auto；
B.設定了max-width：100%；和height：100%；
c.設定了with：auto；和max-height：100%；
D.設定了width：auto；和height：auto；
7.輸入框組想加上圖示，可以實現對錶單控制元件的擴充套件的類是(B)
A.input-group-btnB.input-group-addon
C.form-controlD.input-group-extra
8.標籤頁垂直方向堆疊排列，需要新增的類(D)
A.nav-verticalB.nav-tabsC.nav-pillsD.nav-stacked
9.可以把導航固定在頂部的類是(A)
A.navbar-fixed-top
B.navbar-fixed-bottom
C.navbar-static-top
D.navbar-inverse
10.導航條在小螢幕會被摺疊，實現顯示和摺疊功能的按鈕需要加什麼(B)
A.摺疊按鈕加data-toggle='collapsed’，摺疊容器需要加collapsed類
B.摺疊按鈕加data-toggle='collapse'，摺疊容器需要加collapse類
c.摺疊按鈕加data-toggle='scroll’，摺疊容器需要加collapse類
D.摺疊按鈕加data-spy='scroll’，摺疊容器需要加collapse類
11.實現nav平鋪整行，應該加哪個類(B)
A.nav-centerB.nav-justified_C.nav-leftD.nav-right元件中
12.模態框提供了哪些尺寸(D)
A.modal-xsmodal-smmodal-mdmodal-lg
B.modal-smmodal-mdmodal-lg
C.modal-xsmodal-sm
D.modal-smmodal-lg
13.如果你不需要模態框彈出時的動畫效果(淡入淡出效果)怎樣實現(A)
A.刪掉.fade類即可
B.新增刪掉.fade類即可
C.去掉.active類即可
D.去掉.in類即可
14.怎樣實現滾動監聽事件(C)
A.新增data-toggle=“scroll”B.新增data-target=’scroll'
C.新增data-spy=’scroll'D.新增data-dismiss=”scroll”
15.關閉modal的按鈕應該加什麼屬性(A)
A.data-dismiss=’modal'B.data-toggle=’modal‘
C.data-spy=modal’D.data-hide='true'
16.下列不屬於panel的三要素是(D)
A.panel-headingB.panel-bodyC.pane-footerD.panel-content
17.用JavaScript怎樣讓輪播圖從第二個圖片開始播放(C)
A.$('.carousel').carouse()B.S('.carousel').carousel(0)
C.S(.carousel').carousel(1)D.S(.carousel').carousel(2)
18.使用collapse實現手風琴，通過哪個屬性關聯整個面板組(A
A.data-parent
B.data-toggle
C.data-target
D.href
19.如何讓輪播圖在頁面切換時有動畫(D)
A.新增in類
B.新增fade類
c.新增active類
D.新增slide類
20.關於輪播圖說法正確的是(C)。
A.輪播圖的頁面切換索引從1開始
B.下一頁實現方式data-slide-to=“prev”
C.可以使用carousel-caption類為圖片新增描述
D.上一頁實現方式data-slide-to=“-1”
21.對於tooltip的元素，data-placement的作用是(B)
A.工具提示條的顯示大小
B.工具提示條的顯示位置
c.工具提示條的顯示動畫
D.工具提示條的顯示顏色
22.彈出框元素：<buttontype=”button”class=”btnbtn-lgbtn-danger”data-toggle=”popover”id=my
popover”title=”thisismyPopoveelement”data-animation=true”data-content=”Andsomeamazing
content.”點我彈出/隱藏彈出框</button>，對於title和data-content屬性的作用，錯誤的是(D)
A.title可以不支援html標籤
B.title是彈出框的標題
C.data-content是彈出框的內容
D.data-content可以支援html標籤
23.滾動監聽哪個屬性可以設定滾動條距離頂端的位置距離(B)
A.data-offsetYB.data-offsetC.data-spyD.data-dismiss
24.標籤頁加了fade給每個tab-pane使切換標籤頁時有動畫，那麼怎樣讓第一個預設顯示
出來(C)
A.新增類active
B.新增類show
C.新增類in
D.新增類fadeln
25.怎樣養tooltips通過點選事件彈出(D
A.data-placement=”click”B.data-delay=”click”
C.data-title=”click”D.data-trigger=”click”
26.怎樣修改輪播圖的頁面切換的時間間隔(A)
A.data-intervalB.data-pauseC.data-wrapD.data-time
27.下列說法正確的是(B)
A.button元件能同時支援工具提示和控制模態框。
B.不要在同一個元素上同時使用多個外掛的data屬性
C.使用bootstrap外掛不需要引用jQuery
D.bootstrap外掛不可以單個引入
28.怎樣只關閉警告框的data-API(D)
A.$(document).off'.data-api')
B.$(document).off(.alert-data-api')
c.$(document).off(.data-api.alert')
D.$(document).off(.alert.data-api')
29.關於分頁元件說法錯誤的是(C
A.使用類pagination來實現
B..pagination-lg、.pagination-sm類提供了額外可供選擇的尺寸。
C..disabled類不可用於翻頁中的連結
D.previous類和類next可以表示上一頁、下一頁
30.下列哪個類起徽章的作用(C)
A.page-headerB.jumbotronC.badgeD.thumbnail
31.怎樣為進度條建立條紋效果(A)
A.新增類progress-bar-striped
B.新增類progress-bar
C.新增類progress-striped
D.新增類progressBar-striped
32.製作tab切換，要顯示的內容要放在下方哪個容器裡面(D)
A.contentB.tab-groupC.tab-bodyD.tab-content
二，多選題(針對以下題目，請選擇最符合題目要求的答案。針對每一道題目，所有答案都選對，
則該題得分，漏選答案則該題得2分，選了錯誤答案則該題不得分。每題4分，共20分。
33.關於bootstrap的佈局容器說法正確的有(A B D)
A..container類用於固定寬度並支援響應式佈局的容器。
B..container-fluid類用於100%寬度，佔據全部視口(viewport)的容器。
C..container和.container-fluid可以互相巢狀
D.佈局容器僅提供了.container和.container-fluid兩種容器
34.如果想要繪製帶邊框的條紋狀的表格需要新增的類有(C D)
A.table-condensed
B.table-hover
C.table-bordered
D.table-striped
35.下列關於柵格系統說法正確的有(B C)
A.柵格系統每一行不能少於12列
B.通過“行(row)”在水平方向建立一組“列(column)”。
C.行(row)”必須包含在.container(固定寬度)或.container-fluid(100%寬度)中，以便為其賦予
合適的排列(aligment)和內補(padding)。
36.下列哪些是輔助類(A B C D)
A.text-muted B.text-primary C.text-info D.text-danger
37.下列哪個類是在手機端隱藏指定元素B C
A、hidden-lg B、hidden-xs C、hide D、show