一、单选题（针对以下题目，请选择最符合题目要求的答案。针对每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选出所有答案，则该题不得分。每题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正确的写法是（）
<div class="row">
<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 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. 下面可以实现列偏移的类是（）
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 类即可
字符串函数strip的作用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
D. href
19. 如何让轮播图在页面切换时有动画（）
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. 工具提示条的显示位置
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.">点我弹出/隐藏弹出框</button>，对于title和data-content属性的作用，错误的是（）
A.title可以不支持html标签
B.title是弹出框的标题
C.data-content是弹出框的内容

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。