一、单选题 （针对以下题目，请选择最符合题目要求的答案。针对
每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选 出所有答案，则该题不得分。每题 2.5 分，共 80 分。）
1. Bootstrap 插件全部依赖是（ ）
A. JavaScript B. JQuery C. Angular JS D. Node JS
2. 栅格系统小屏幕使用的类前缀是（ ）
A. .col-xs-
B. .col-sm- C. .col-md- D. .col-lg-
3. 如下代码中，想要在超小屏幕和小屏幕显示两列，在中屏幕和大
屏幕显示三列 ,三个 div 的 class 正确的写法是（ ）
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 col-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-4 4. 下面可以实现列偏移的类是（ ）
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-control 6. img-responsive类可以让图片支持响应式布局 ,它的实现原理是
（ ）
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-extra
输入）
8. 标签页垂直方向堆叠排列 , 需要添加的类（） A.
C.nav-pills
nav-vertical B.nav-tabs D.nav-stacked
9. 可以把导航固定在顶部的类是（） A. navbar-fixed-top B. navbar-fixed-bottom C. navbar-static-top D. navbar-inverse
10. 导航条在小屏幕会被折叠， 实现显示和折叠功能的按钮需要加什
么 （）
A. 折叠按钮加 data-toggle= 'collapsed '，折叠容器需要加 collapsed 类
B. 折叠按钮加 data-toggle= 'collapse '，折叠容器需要加 collapse
类
C. 折叠按钮加 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-lg
13. 如果你不需要模态框弹出时的动画效果（淡入淡出效果）怎样实
现（ ）
A. 删掉 .fade 类即可 B. 添加删掉 .fade 类即可 C. 去掉 .active 类即可 D．去掉 .in 类即可
14. 怎样实现滚动监听事件（ ) A. 添加 data-B. 添加 data-target=' scroll' C. 添加 data-spy=' scroll' D. 添加 data-dismiss=”
”
toggle=“ scroll”
15. 关闭 modal 的按钮应该加什么属性() A.
data-dismiss='modal' B.data-toggle='modal‘ C. data-spy=' modal' D. data-hide='true'
16.
下列不属于 panel 的三要素是()
A. panel-heading B.panel-body C.panel-footer D. panel-content 17.
用 JavaScript怎样让轮播图从第二个图片开始播放( )
A. $('.carousel').carousel() B. $('.carousel').carousel(0) C. $('.carousel').carousel(1)
D.$('.carousel').carousel(2)
18. 使用 collapse 实现手风琴，通过哪个属性关联整个面板组 ( ) A. data-parent B. data-toggle
(完整版)Bootstrap笔试题
