2022年Bootstrap笔试题.docx

一、单选题（针对如下题目，请选取最符合题目规定答案。针对每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选出所有答案，则该题不得分。，共80分。）
1. Bootstrap 插件所有依赖是（ ）
JavaScript
JQuery
Angular JS
Node JS
2. 栅格系统小屏幕使用类前缀是（ ）
A. .col-xs- B. .col-sm- C. .col-md- D. .col-lg-
3. 如下代码中，想要在超小屏幕和小屏幕显示两列，在中屏幕和大屏幕显示三列,三个divclass对的写法是（ ）
<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. 下面可以实现列偏移类是（ ）
.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类可以让图片支持响应式布局,它实现原理是（ ）
-width：100%;和 height：auto；
B. 设立了max-width：100%；和 height：100%；
C. 设立了width：auto；和 max-height：100%；
D. 设立了width：auto；和 height：auto；
，可以实现对表单控件扩展类是（ ）
A. .input-group-btn B. .input-group-addon
C. form-control D. input-group-extra
8. 标签页垂直方向堆叠排列,需要添加类（）
-vertical -tabs -pills -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． 类即可
14. 如