2022年Bootstrap笔试题.docx

名师归纳总结 精品学习资料
- - - - - - - - - - - - - - -
一、单项题 （针对以下题目,请挑选最符合题目要求的答案；针对
每一道题目,全部答案都选对,就该题得分,所选答案加 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. 假如你不需要模态框弹出时的动画成效（淡入淡出成效）怎样实
细心整理归纳 精选学习资料
- - - - - - - - - - - - - - -
第 3 页,共 9 页
- - - - - - - - -
名师归纳总结 精品学习资料
- - - - - - - - - - - - - - -
现（ ）
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 的按钮应当加什么属性（）
-dismiss=’ modal’ -toggle=’ modal‘
C. data-spy=’ modal’ D. data-hide='true'
16. 以下不属于 panel 的三要素是（）
-heading -body -footer D. panel-content
JavaScript怎样让轮播图从其次个图片开头播放（ ）
A. $〔'.carousel'〕.carousel〔〕 C. $〔'.carousel'〕.carousel〔1〕
B. $〔'.carousel'〕.carousel〔0〕 D.$〔'.carousel'〕.carousel〔2〕
18. 使用 collapse实现手风琴,通过哪个属性关联整个面板组 （ ）
A. data-parent
B. data-toggle
C. data-target
细心整理归纳 精选学习资料
- - - - - - - - - - - - - - -
第 4 页,共 9 页
- - - - - - - - -
名师归纳总结 精品学习资料
- - - - - - - - - - - - - - -
D. href
19. 如何让轮播图在页面切换时有动画（ ）
A. 添加 in 类
B. 添加 fade 类
C. 添加 active 类
slide 类
（）；
1 开头
B. 下一页实现方式
data-slide-to=“ prev”
carousel-caption类为图片添加描述
D. 上一页实现方式 data-slide-to=“ -1”
21. 对于 tooltip 的元素, data-placement 的作用是（）
A. 工具提示条的显示大小 C. 工具提示条的显示动画
B. 工具提示条的显示位置 D. 工具提示条的显示颜色
22. 弹出框元素： <button type="button" class="btn btn-lg
btn-danger" data-toggle="popover" id= ” mypopover ”
title="this is my Popove element" data-animation=