Bootstrap笔试题

1、一、单选题（针对以下题目，请选择最符合题目要求的答案。针对每一道题 目，所有答案都选对，则该题得分，所选答案错误或不能选出所有答案，则 该题不得分。每题2.5分，共80分。）.Bootstrap插件全部依赖是（）A. JavaScriptB. JQueryC. AngularJSD. NodeJS2. 栅格系统小屏幕使用的类前缀是（）A. .col-xsB.col-smC.col-md-D.col-lg-在中屏幕和大屏幕显示二3. 如下代码中，想要在超小屏幕和小屏幕显示两列,列三个div的class正确的写法是（）vdivclass二item1vdivclass二item2vdivclass二

2、item3A. col-sm-6col-md-4, col-sm-6col-md-4, col-sm-6col-md-4B. col-sm-6col-lg-4 col-sm-6col-lg-4, col-sm-6col-lg-4C. col-xs-6col-lg-4 col-xs-6col-lg-4, col-xs-6col-lg-4D. col-xs-6col-md-4 col-xs-6col-md-4, col-xs-6col-md-44下面可以实现列偏移的类是（）A. .col-md-offset-*B. .col-md-push-*C. .col-md-pull-*D. .col-md

3、-move-*5表单元素要加上什么类，才能给表单添加圆角属性，和阴影效果（）A. form-groupB.form-horiz on taIC.form-i nlin eD.form-c on trol6.img-respo nsive类可以让图片支持响应式布局，它的实现原理是（）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

4、. .i nput-group-bt nB.i nput-group-add onC.form-c on trolD.in put-group-extra8. 标签页垂直方向堆叠排列，需要添加的类（）A. n av-verticalB .n av-tabsC .n av-pillsD.n av-stacked9. 可以把导航固定在顶部的类是（）A. n avbar-fixed-topB. n avbar-fixed-bottomC. n avbar-static-topD. n avbar- inv erse10. 导航条在小屏幕会被折叠，实现显示和折叠功能的按钮需要加什么（）?A. 折叠按钮

5、加data-toggle二collapsed ，折叠容器需要加 collapsed 类B. 折叠按钮加data-toggle二collapse ，折叠容器需要加 collapse 类C. 折叠按钮加data-toggle= scroll ，折叠容器需要加collapse 类D. 折叠按钮加data-spy二scroll ，折叠容器需要加collapse 类11. 实现nav平铺整行，应该加哪个类（）A. n av-ce nterB. nav-justifiedC. nav-leftD. nav-right12. 模态框提供了哪些尺寸（）A. modal-xsmodal-smmodal-mdmo

6、dal-lgB. modal-smmodal-mdmodal-lgC. modal-xsmodal-smD. modal-smmodal-lg13. 如果你不需要模态框弹出时的动画效果（淡入淡出效果）怎样实现（）A删掉.fade类即可B. 添加删掉.fade类即可C去掉.active类即可D.去掉.in类即可14. 怎样实现滚动监听事件（）A.添力口 data-toggle二 “scroll” B.添力口 data-target二scrollC添力口 data-spy二scrollD.添力口 data-dismiss=” scroll”15. 关闭modal?的按钮应该加什么属性（）A.dat

7、a-dismiss= modalB.data-toggle= modal C. data-spy= modal D.data-hide二true16. 下列不属于panel的三要素是（）A.panel-heading B.panel-body C.panel-footerD.panel-content17.用JavaScript怎样让轮播图从第二个图片开始播放（）A.$(.carousel).carousel()B.$(.carousel).carousel(0C.$(.carousel).carousel(1)D. $(.carousel).carousel(2)18. 使用collapse

8、实现手风琴，通过哪个属性关联整个面板组()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.对于tooltip的元素，data-placement的作用是()A.工具提示条的显示大小B.工

9、具提示条的显示位置C.工具提示条的显示动画D.工具提示条的显示颜色22. 弹出框元素：vbutt on type二butto nclass二bt nbt n-lgbt n-da ngerdata-toggle二popoverid二 ” mypopover ”title二thisismyPopoveelementdata-animation二” true ”data-content=Andsomeamazingcontent.点我弹出 /隐藏弹出框v/button，对于title和data-content属性的作用，错误的是（）A. title可以不支持html标签B. title是弹出框的标题

10、C. data-content是弹出框的内容D. data-content可以支持html标签23. 滚动监听哪个属性可以设置滚动条距离顶端的位置距离（）A.data-offsetYB.data-offsetC.data-spyD.data-dismiss24. 标签页加了 fade给每个tab-pane使切换标签页时有动画，那么怎样让第一 个默认显示出来（）A. 添加类activeB. 添加类showC添加类inD添加类fadeln25.怎样养tooltips通过点击事件弹出()A.data-placement二” click” B.data-delay=” click”C. datatit

11、le二” click ” D.data-trigger二” click”26. 怎样修改轮播图的页面切换的时间间隔()A.data-i ntervalB.data-pauseC.data-wrapD.data-time27. 下列说法正确的是()A. button组件能同时支持工具提示和控制模态框。B. 不要在同一个元素上同时使用多个插件的data属性C使用bootstrap插件不需要引用jQueryD. bootstrap插件不可以单个引入28. 怎样只关闭警告框的data-API()A.$(docume nt).off(.data-api)B.$(docume nt).off(.alert

12、-data-api)C. $(docume nt).off(.data-api.alert) D.$(docume nt).off(.alert.data-api)29. 关于分页组件说法错误的是()A.使用类pagination来实现B. .pagination-lg、.pagination-sm类提供了额外可供选择的尺寸。C. .disabled类不可用于翻页中的链接D. previous类和类next可以表示上一页、下一页30. 下列哪个类起徽章的作用（）A.page-headerB.jumbotronC.badgeD.thumb nail31. 怎样为进度条创建条纹效果（）A.添加类

13、progress-bar-stripedB添加类 progress-barC添加类 progress-stripedD. 添加类 progressBar-striped32. 制作tab切换，要显示的内容要放在下方哪个容器里面（）A. contentB.tab-groupC.tab-bodyD.tab-content二，多选题（针对以下题目，请选择最符合题目要求的答案。针对每一道题目, 所有答案都选对，则该题得分，漏选答案则该题得 2分，选了错误答案则该 题不得分。每题4分，共20分。33. 关于bootstrap的布局容器说法正确的有（）A. .c on tai ner类用于固定宽度并支持响

14、应式布局的容器。B. .container-fluid类用于100%宽度，占据全部视口（ viewport ）的容器。C. .container禾口 .container-fluid 可以互相嵌套D. 布局容器仅提供了 .container和.container-fluid两种容器34. 如果想要绘制带边框的条纹状的表格需要添加的类有（）A. table-c onden sedB.table-hoverC .table-borderedD.table-striped35. 对于下拉菜单说法正确的是（）A.表示有四个下拉选项的下拉菜单B. vspanclass caret /span可以去掉而不影响功能C可以加入pull-right使菜单右对齐D.可以加入dropdown-menu-right使菜单右对齐36. 下列关于栅格系统说法正确的有（）A. 栅格系统每一行不能少于12列B. 通过“行（row） ”在水平方向创建一组“列（column） ”。（行（