Bootstrap笔试题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、单选题（针对以下题目，请选择最符合题目要求的答案。针对每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选出所有答案，则该题不得分。每题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.nav-vertical
B.nav-tabs
C.nav-pills
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-toggle=“scroll”
B. 添加data-target=’scroll’
C. 添加data-spy=’scroll’
D. 添加data-dismiss=”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
C.data-target