bootstrap考试题Bootstrap模块考试题
⼀、单选题(针对以下题⽬，请选择最符合题⽬要求的答案。针对每⼀道题⽬，所有答案都选对，
则该题得分，所选答案错误或不能选出所有答案，则该题不得分。每题2.5分，共80分。)
1.Bootstrap插件全部依赖是()
A.JavaScript
B.JQuery
C.AngularJS
D.NodeJS
2.栅格系统⼩型设备平板电脑屏幕使⽤的类前缀是()
3.如下代码中，想要在超⼩屏幕和⼩屏幕显⽰两列，在中屏幕和⼤屏幕显⽰三列，三个div的
class正确的写法是(xs
<div_class=”row'>
<divclass=””>item1</div>
<divclass=””>item2</div>
<div_class=””>item3</div>
</div>
4.下⾯可以实现列偏移的类是()
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.设置了with：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.模态框提供了哪些尺⼨()
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.pane-footer
D.panel-content
17.⽤JavaScript怎样让轮播图从第⼆个图⽚开始播放()
A.$('.carousel').carouse()
B.S('.carousel').carousel(0)
C.S(.carousel').carousel(1)
D.S(.carousel').carousel(2)
18.使⽤collapse实现⼿风琴，通过哪个属性关联整个⾯板组(
A.data-parent
B.data-toggle
C.data-target
D.href
19.如何让轮播图在页⾯切换时有动画()
A.添加in类
B.添加fade类
bootstrap 5c.添加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.弹出框元素：<buttontype=”button”class=”btnbtn-lgbtn-danger”data-toggle=”popover”id=my popover”title=”thisismyPopoveelement”data-animation=true”data-content=”Andsomeamazing content.”点我弹出/隐藏弹出框</button>，对于title和data-content属性的作⽤，错误的是()
A.title可以不⽀持html标签
B.title是弹出框的标题
C.data-content是弹出框的内容
D.data-content可以⽀持html标签
23.滚动监听哪个属性可以设置滚动条距离顶端的位置距离()
A.data-offsetY
B.data-offset
C.data-spy
D.data-dismiss
24.标签页加了fade给每个tab-pane使切换标签页时有动画，那么怎样让第⼀个默认显⽰
出来()
A.添加类active
B.添加类show
C.添加类in
D.添加类fadeln
25.怎样养tooltips通过点击事件弹出(
A.data-placement=”click”
B.data-delay=”click”
C.data-title=”click”
D.data-trigger=”click”
26.怎样修改轮播图的页⾯切换的时间间隔()
A.data-interval
B.data-pause
C.data-wrap
D.data-time
27.下列说法正确的是()
A.button组件能同时⽀持⼯具提⽰和控制模态框。
B.不要在同⼀个元素上同时使⽤多个插件的data属性
C.使⽤bootstrap插件不需要引⽤jQuery
D.bootstrap插件不可以单个引⼊
28.怎样只关闭警告框的data-API()
A.$(document).off'.data-api')
B.$(document).off(.alert-data-api')
c.$(document).off(.data-api.alert')
D.$(document).off(.alert.data-api')
29.关于分页组件说法错误的是(
A.使⽤类pagination来实现
B..pagination-lg、.pagination-sm类提供了额外可供选择的尺⼨。
C..disabled类不可⽤于翻页中的链接
D.previous类和类next可以表⽰上⼀页、下⼀页
30.下列哪个类起徽章的作⽤()
A.page-header
B.jumbotron
C.badge
D.thumbnail
31.怎样为进度条创建条纹效果()
A.添加类progress-bar-striped
B.添加类progress-bar
C.添加类progress-striped
D.添加类progressBar-striped
32.制作tab切换，要显⽰的内容要放在下⽅哪个容器⾥⾯()
B.tab-group
C.tab-body
D.tab-content
⼆，多选题(针对以下题⽬，请选择最符合题⽬要求的答案。针对每⼀道题⽬，所有答案都选对，则该题得分，漏选答案则该题得2分，选了错误答案则该题不得分。每题4分，共20分。
33.关于bootstrap的布局容器说法正确的有()
D.布局容器仅提供了.container和.container-fluid两种容器
34.如果想要绘制带边框的条纹状的表格需要添加的类有()
A.table-condensed
B.table-hover
C.table-bordered
D.table-striped
35.下列关于栅格系统说法正确的有()
A.栅格系统每⼀⾏不能少于12列
B.通过“⾏(row)”在⽔平⽅向创建⼀组“列(column)”。
C.⾏(row)”必须包含在.container(固定宽度)或.container-fluid(100%宽度)中，以便为其赋予
合适的排列(aligment)和内补(padding)。
36.下列哪些是辅助类()
<-muted
<-primary
<-info
<-danger
37.下列哪个类是在⼿机端隐藏指定元素
A、hidden-lg
B、hidden-xs
C、hide
D、show

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