Bootstrap笔试题

1、一、单选题（针对以下题目，请选择最符合题目要求的答案。针对每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选出所有答案，则该题不得分。每题2.5分，共80分。）1. Bootstrap 插件全部依赖是（ ）A. JavaScriptB. JQueryC. Angular JSD. Node JS2. 栅格系统小屏幕使用的类前缀是（ ）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-4 B. col-sm-6 col-lg-4，col-sm-6 col-lg-4，col-sm-6 col-lg-4 C. col-xs-6 co

3、l-lg-4，col-xs-6 col-lg-4，col-xs-6 col-lg-4 D. 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-responsi

4、ve类可以让图片支持响应式布局,它的实现原理是（ ）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-addon C. form-control D. input-group-extra8. 标签页垂直方向堆叠排列,需

5、要添加的类（）A.nav-vertical B.nav-tabs C.nav-pills D.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. 折叠按钮

6、加data-toggle=scroll，折叠容器需要加collapse类D. 折叠按钮加data-spy=scroll，折叠容器需要加collapse类11. 实现nav平铺整行，应该加哪个类（） A. nav-center B. nav-justified C. nav-left D. nav-right 12. 模态框提供了哪些尺寸（ ）A. modal-xs modal-sm modal-md modal-lg B. modal-sm modal-md modal-lg C. modal-xs modal-sm D. modal-sm modal-lg13. 如果你不需要模态框弹出时的动

7、画效果（淡入淡出效果）怎样实现（ ）A. 删掉 .fade 类即可 B. 添加删掉 .fade 类即可 C. 去掉 .active 类即可 D去掉.in 类即可14. 怎样实现滚动监听事件（ ）A. 添加data-toggle=“scroll” B. 添加data-target=scroll C. 添加data-spy=scrollD. 添加data-dismiss=”scroll”15. 关闭modal 的按钮应该加什么属性（） A. data-dismiss=modal B.data-toggle=modal C. data-spy=modal D. data-hide='

8、;true' 16. 下列不属于panel的三要素是（）A. panel-headingB. panel-bodyC. panel-footer D. panel-content17.用JavaScript怎样让轮播图从第二个图片开始播放（ ） A. $('.carousel').carousel() B. $('.carousel').carousel(0) C. $('.carousel').carousel(1) D.$('.carousel').carousel(2)18. 使用collapse实现手风琴，通过哪个

9、属性关联整个面板组（ ）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. 工

10、具提示条的显示位置 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” data-content="And some amazing content.">点我弹出/隐藏弹出框&

11、lt;/button>，对于title和data-content属性的作用，错误的是（）A. title可以不支持html标签B. title是弹出框的标题C. data-content是弹出框的内容D. data-content可以支持html标签23. 滚动监听哪个属性可以设置滚动条距离顶端的位置距离（ ）A. data-offsetY B. data-offset C.data-spy D. data-dismiss24. 标签页加了fade给每个tab-pane使切换标签页时有动画，那么怎样让第一个默认显示出来（）A. 添加类activeB. 添加类showC. 添加类inD.

12、添加类fadeIn25. 怎样养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-time27. 下列说法正确的是（ ）A. button 组件能同时支持工具提示和控制模态框。B. 不要在同一个元素上同时使用多个插件的 data 属性C. 使用bootstrap插件不

13、需要引用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.data-api')29. 关于分页组件说法错误的是（ ） A使用类pagination来实现 B.pagination-lg、.pagination-sm类提

14、供了额外可供选择的尺寸。 C.disabled 类不可用于翻页中的链接 Dprevious类和类next可以表示上一页、下一页 30.下列哪个类起徽章的作用（ ）A.page-header B. jumbotron C. badge D. thumbnail31. 怎样为进度条创建条纹效果（ ）A. 添加类progress-bar-stripedB. 添加类progress-barC. 添加类progress-stripedD. 添加类progressBar-striped32. 制作tab切换，要显示的内容要放在下方哪个容器里面（） A. content B. tab-group C. ta

15、b-body D. tab-content二，多选题 (针对以下题目，请选择最符合题目要求的答案。针对每一道题目，所有答案都选对，则该题得分，漏选答案则该题得2分，选了错误答案则该题不得分。每题4分，共20分。33.关于bootstrap的布局容器说法正确的有（ ）A. .container 类用于固定宽度并支持响应式布局的容器。B. .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。C. .container和.container-fluid可以互相嵌套D.布局容器仅提供了.container和.container-fluid两种容器34. 如果想要绘制带边框的条纹状的表格需要添加的类有（ ）A. table-condensedB. table-hover C. table-bordered D. table-striped35. 对于下拉菜单说法正确的是( )A.表示有四个下拉选项的下拉菜单 B.<span class=caret></span 可以去掉而不影响功能C.可以加入pull-right使菜单右对齐 D.可以加入dropdown-menu-right使菜单右对齐36.下列关于栅格系统说法正确的有（ ） A. 栅格系统每一行不能少于12列B. 通过“行（row）”在水平方