Bootstrap笔学习试题.docx

Bootstrap笔学习试题.docx精品文档
精品文档
1
精品文档
一、单选题（针对以下题目，请选择最符合题目要求的答案。针对
每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选
出所有答案，则该题不得分。每题 ，共80分。）
（ ）
JavaScript
JQuery
AngularJS
NodeJS
（ ）
A..col-xs- B..col-sm- C..col-md- D..col-lg-
如下代码中，想要在超小屏幕和小屏幕显示两列，在中屏幕和大
屏幕显示三列,三个div的class正确的写法是（ ）
<divclass="row">
<divclass="">item1</div>
<divclass="">item2</div>
<divclass="">item3</div>
</div>
-sm-6col-md-4，col-sm-6col-md-4，col-sm-6col-md-4
精品文档
精品文档
11
精品文档
col-sm-6col-lg-4，col-sm-6col-lg-4，col-sm-6col-lg-4
col-xs-6col-lg-4，col-xs-6col-lg-4，col-xs-6col-lg-4
col-xs-6col-md-4，col-xs-6col-md-4，col-xs-6col-md-4
下面可以实现列偏移的类是（）
A..col-md-offset-*
B..col-md-push-*
C..col-md-pull-*
D..col-md-move-*
表单元素要加上什么类，才能给表单添加圆角属性，和阴影效果（）
-group -horizontal -inline -control
img-responsive类可以让图片支持响应式布局,它的实现原理是（）
-width:100%;和height:auto;
设置了max-width:100%;和height:100%;
设置了width:auto;和max-height:100%;
设置了width:auto;和height:auto;
，可以实现对表单控件的扩展的类是（ ）
精品文档
精品文档
3
精品文档
A..input-group-btn B..input-group-addon
精品文档
精品文档
11
精品文档
-control D. input-group-extra
标签页垂直方向堆叠排列,需要添加的类（）
---pills -stacked
可以把导航固定在顶部的类是（）
navbar-fixed-top
navbar-fixed-bottom
navbar-static-top
navbar-inverse
导航条在小屏幕会被折叠，实现显示和折叠功能的按钮需要加什么
（）
-toggle= ’collapsed’，折叠容器需要加
collapsed 类
-toggle= ’collapse’，折叠容器需要加 collapse
类
-toggle= ’scroll ’，折叠容器需要加collapse
类
精品文档
精品文档
5
精品文档
-spy=’scroll ’，折叠容器需要加 collapse 类
精品文档
精品文档
11
精品文档
实现nav平铺整行，应该加哪个类（）
nav----right
模态框提供了哪些尺寸（）
modal-xsmodal-smmodal-mdmodal-lg
modal-smmodal-mdmodal-lg
modal-xsmodal-sm
modal-smmodal-lg
如果你不需要模态框弹出时的动画效果（淡入淡出效果）怎样实现（）



D．
（ ）
添加data-toggle=“scroll”