Bootstrap筆試題

1、一、單選題（針對以下題目，請選擇最符合題目要求的答案。針對 每一道題目，所有答案都選對，則該題得分，所選答案錯誤或不能選 出所有答案，則該題不得分。每題 2.5分，共80分。）1 . Bootstrap插件全部依賴是（）A. JavaScriptB. JQueryC. Angular JSD. Node JS2 .柵格系統(tǒng)小屏幕使用的類前綴是（）A. .col-xs- B. .col-sm- C. .col-md- D. .col-lg-3 .如下代碼中，想要在超小屏幕和小屏幕顯示兩列，在中屏幕和大屏幕顯示三列，三個div的class正確的寫法是（）<div class="ro

2、w"><div class=" ">item1</div><div class=""> item2</div><div class=""> item3</div></div>A. col-sm-6 col-md-4, col-sm-6 col-md-4, col-sm-6 col-md-4B. col-sm-6 col-lg-4 col-sm-6 col-lg-4, col-sm-6 col-lg-4C. col-xs-6 col-lg

3、-4 col-xs-6 col-lg-4, col-xs-6 col-lg-4D. col-xs-6 col-md-4, col-xs-6 col-md-4, col-xs-6 col-md-44 .下面可以實現列偏移的類是（）A. .col-md-offset-*B. .col-md-push-*C. .col-md-pull-*D. .col-md-move-*5 .表單元素要加上什么類，才能給表單添加圓角屬性，和陰影效果（）A.form-group B.form-horizontal C.form-inline D. form-control6 . img-responsive類可以讓圖

4、片支持響應式布局，它的實現原理是（）A.設置了 max-width: 100%;和 height: auto;B.設置了 max-width: 100%;和 height: 100%;C.設置了 width: auto;和 max-height: 100%;D.設置了 width: auto;和 height: auto;7.輸入框組想加上圖標，可以實現對表單控件的擴展的類是（）A. .input-group-btn B. .input-group-addonC. form-control D.input-group-extra8 .標簽頁垂直方向堆疊排列，需要添加的類（）A.nav-vert

5、ical B.nav-tabs C.nav-pillsD.nav-stacked9 .可以把導航固定在頂部的類是（）A. navbar-fixed-topB. navbar-fixed-bottomC. navbar-static-topD. navbar-inverse10.導航條在小屏幕會被折疊，實現顯示和折疊功能的按鈕需要加什么 （）A.折疊按鈕加data-toggle= ' collapsed，折疊容器需要加 collapsed 類B.折疊按鈕加data-toggle= 'collapse '，折疊容器需要加 collapse 類C.折疊按鈕加data-togg

6、le= ' scroll ',折疊容器需要加collapse 類D.折疊按鈕加data-spy= ' scroll ',折疊容器需要加collapse 類11 .實現nav平鋪整行，應該加哪個類（）A. nav-center B. nav-justified C. nav-left D. nav-right12 .模態(tài)框提供了哪些尺寸（）A. modal-xs modal-sm modal-md modal-lgB. modal-sm modal-md modal-lgC. modal-xs modal-smD. modal-sm modal-lg13 .如果你

7、不需要模態(tài)框彈出時的動畫效果（淡入淡出效果）怎樣實現()A.刪掉.fade類即可B.添加刪掉.fade類即可C.去掉.active類即可D.去掉.in類即可14 .怎樣實現滾動監(jiān)聽事件()A. 添力口 data-toggle= "scroll" B.添力口 data-target=' scroll'C.添力口 data-spy=' scroll' D.添力口 data-dismiss= scroll”15 .關閉modal的按鈕應該加什么屬性()A.data-dismiss- modal'B.data-toggle=' mod

8、al 'C. data-spy= modal'D. data-hide='true'16 .下列不屬于panel的三要素是()A.panel-heading B.panel-body C.panel-footer D. panel-content17 .用JavaScript怎樣讓輪播圖從第二個圖片開始播放()A. $('.carousel').carousel()B. $('.carousel').carousel(0)C. $('.carousel').carousel(1)D.$('.carousel

9、').carousel(2)18.使用collapse實現手風琴，通過哪個屬性關聯(lián)整個面板組()A. data-parentB. data-toggleC. data-targetD. href19.如何讓輪播圖在頁面切換時有動畫（A.添加in類B.添力口 fade類C.添力口 active類 D添加slide類20 .關于輪播圖說法正確的是（）。A.輪播圖的頁面切換索引從1開始B.下一頁實現方式 data-slide-to= "prev”C.可以使用carousel-caption類為圖片添加描述D.上一頁實現方式 data-slide-to= "-1”21 .對

10、于tooltip的元素，data-placement的作用是（）A.工具提示條的顯示大小B.工具提示條的顯示位置C.工具提示條的顯示動畫D.工具提示條的顯示顏色22 .彈出框元素：<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" id= " mypopover ” title="this is my Popove element" data-animation=" true "dat

11、a-content="And some amazing content."> 點我彈出 / 隱藏彈 出框</button> ,對于title和data-content屬性的作用，錯誤的是（） A. title可以不支持html標簽 B. title是彈出框的標題C. data-content是彈出框的內容D. data-content可以支持html標簽23 .滾動監(jiān)聽哪個屬性可以設置滾動條距離頂端的位置距離()A. data-offsetY B. data-offset C.data-spy D. data-dismiss24 .標簽頁加了 fade給每

12、個tab-pane使切換標簽頁時有動畫，那么 怎樣讓第一個默認顯示出來()A.添加類activeB.添加類showC.添加類inD.添加類fadeIn25.怎樣養(yǎng)tooltips通過點擊事件彈出()A. data-placement=" click"B. data-delay=" click”C. data-title= " click "D.data-trigger=" click”26 .怎樣修改輪播圖的頁面切換的時間間隔()A.data-interval B.data-pause C.data-wrap D.data-time2

13、7 .下列說法正確的是()A. button組件能同時支持工具提示和控制模態(tài)框。B.不要在同一個元素上同時使用多個插件的data屬性C.使用bootstrap插件不需要引用jQueryD. bootstrap插件不可以單個引入28 .怎樣只關閉警告框的data-API ()A. $(document).off('.data-api') B.$(document).off('.alert-data-api')C. $(document).off('.data-api.alert') D.$(document).off('.alert.dat

14、a-api')29 .關于分頁組件說法錯誤的是（A.使用類pagination來實現B一pagination-lg、.pagination-sm類提供了額外可供選擇的尺寸。C. .disabled類不可用于翻頁中的鏈接D. previous類和類next可以表示上一頁、下一頁30 .下列哪個類起徽章的作用（）A.page-header B. jumbotron C. badge D. thumbnail31 .怎樣為進度條創(chuàng)建條紋效果（）A.添力口類 progress-bar-stripedB.添力口類 progress-barC.添力口類 progress-stripedD.添力口類

15、 progressBar-striped32 .制作tab切換，要顯示的內容要放在下方哪個容器里面（）A. content B. tab-group C. tab-body D. tab-content二，多選題（針對以下題目，請選擇最符合題目要求的答案。針對 每一道題目，所有答案都選對，則該題得分，漏選答案則該題得2分, 選了錯誤答案則該題不得分。每題 4分，共20分。33 .關于bootstrap的布局容器說法正確的有（）A. .container類用于固定寬度并支持響應式布局的容器。B. .container-fluid 類用于 100% 寬度，占據全部視口（ viewport） 的容器

16、。C. .container和.container-fluid 可以互相嵌套D.布局容器僅提供了 .container和.container-fluid兩種容器34 .如果想要繪制帶邊框的條紋狀的表格需要添加的類有（）A. table-condensedB. table-hoverC.table-borderedD. table-striped35 .對于下拉菜單說法正確的是（）< buttonbtn Ldef aut drpdcwn- toggle" typeibuEtsfi" ld« repcfawfiiHein'iii"mr"

17、; >華”嶺事代 cl as 5-"ciirct" ></ span></buttQni>< ul daiSw"drcpdcsKn -aera" roJeB"nBenu- aria-labellectby-"drcpdownenu 1">< 11 «ie» - pre s-e ra tat ion" > ca «le "frtnul te*" tablfWli&h-" -1" h

18、ref "f >Aet/a X/l± >«liLHP*£«mt*tI*rT*>«« r4lt-nwhuH*<- 1* k-ef*iTr ”/irslt-HprtstriititionSiK*Ubl聞'廣新"1八< li ral<*hp（Esentation=1*"百110|£七" tablmSrM-" -1" hrcf-f >ScparitrdA.表示有四個下拉選項的下拉菜單B.<span class= 'caret' ></span可以去掉而不影響功能C可以加入pull-right使菜單右對齊D.可以加入dropdown-menu-right使菜單右對齊36 .下列關于柵格系統(tǒng)