admin 管理员组文章数量: 1087139
2024年4月18日发(作者：contextmenu和spellcheck)
bootstrap练习题
基本信息：[矩阵文本题] *
班级：
姓名：
学号:
________________________
________________________
________________________
1、下列关于Bootstrap说法错误的是（ ）？ [单选题] *
A、移动优先
B、响应式Web设计
C、所有版本的浏览器都支持(正确答案)
D、拥有丰富的组件和插件
2、Bootstrap插件全部依赖（ ）？ [单选题] *
A、JavaScript
B、jQuery(正确答案)
C、Angular JS
D、Vue JS
3、使用（ ）表示在中型屏幕上向右偏移3列？ [单选题] *
A、.offset-md-3(正确答案)
B、.offset-md-2
C、.offset-sm-3
D、.offset-3
4、下列选项中，用于设置100%宽度，占据全部视口（
的是（）？ [单选题] *
A、
B、
C、
D、
5、下面代码表示（）等宽的布局？
A、1行1列
B、1行2列
C、1行3列(正确答案)
D、1行4列
viewport）的容器代码正确
6、下列哪个不是bootstrap4的容器类（）？ [单选题] *
A、.container
B、.container-fluid
C、.container-xs(正确答案)
D、.container-sm
7、下面关于bootstrap4的网格系统说法错误的是（） [单选题] *
A、Bootstrap4包含了一个强大的移动优先的网格系统，它有5种响应尺寸
B、网格系统使用行来创建水平的列组
C、网格系统是一个用于响应式设计的组件(正确答案)
D、网格系统中的列通过指定1~12 的值来表示其跨越的范围
8、下列哪个不是bootstrap4的容器类（）？ [单选题] *
A、.container
B、.container-fluid
C、.container-xs(正确答案)
D、.container-sm
9、使用（）属性设置弹窗的内容 [单选题] *
A、title
B、data-content(正确答案)
C、data-placement
D、data-toggle
10、下列（）类可以实现关闭模态框 [单选题] *
A、data-toggle="modal"
B、data-dismiss="modal"(正确答案)
C、class="modal"
D、class="moda-dialog"
11、下列（ ）类用于轮播在切换时滑动的效果 [单选题] *
A、show
B、slide(正确答案)
C、open
D、fade in
12、用于定义轮播在页面加载时就开始自动播放的代码是（）。
A、class="carousel"
B、class=" slide"
C、 data-toggle="carousel"
D、data-ride="carousel"(正确答案)
13、下列关于折叠插件说法错误的是（ ）。 [单选题] *
单选题] * [
A、给触发元素添加data-toggle="collapse"的作用是调用折叠
B、一个触发器只能控制一个目标元素的显示或隐藏(正确答案)
C、 给包含框容器添加collapse类可以隐藏内容
D、给包含框容器添加collapsing类可以实现带动态效果的切换
14、Bootstrap实现分页的原理不包括（ ）。 [单选题] *
A、
- 元素上添加pagination类
- 元素上添加 page-item类
C、 超链接中添加page-link类
D、以上都不是(正确答案)
15、给表单元素添加圆角属性和阴影效果的是（ ）类 [单选题] *
A、form-control(正确答案)
B、form-group
C、form-check
D、form-inline
16、给输入框前面添加额外元素，需要使用（ ）类。 [单选题] *
A、input-group
B、input-group-text
C、input-group-prepend(正确答案)
D、input-group-append
17、下列哪个类不是定义警告框（也叫信息提示框）（）。 [单选题] *
A、alert-light
B、alert-dark
C、alert-danger
D、 alert-default(正确答案)
18、给list-group-item添加（ ）类使其呈现活动状态 [单选题] *
A、active(正确答案)
B、disabled
C、show
D、open
19、下列不属于Bootstrap的卡片（card）的相关类的是（ ）。 [单选题] *
A、card-title
B、card-body
C、card-footer
D、card-content(正确答案)
20、设置徽章的水平内边距和较大的圆角边框，使徽章看起来更圆润，需要使用
（）类 [单选题] *
A、badge-pill(正确答案)
B、badge
C、badge-primary
D、badge-secondary
21、下列关于进度条说法错误的是（ ） [单选题] *
A、progress 类用于定义进度条的外层容器
B、progress-bar用于定义进度条样式
C、1个进度组件中只能包含1个进度条(正确答案)
D、给进度条元素添加progress-bar-striped类可以得到带条纹效果的进度条
22、下列关于按钮样式说法错误的是（ ） [单选题] *
A、应用了btn-primary类样式的按钮背景颜色是亮蓝色
B、应用了btn-success 类样式的按钮背景颜色是亮绿色
C、应用了btn-secondary类样式的按钮边框颜色是灰色
D、应用了btn-danger类样式的按钮文字颜色是红色(正确答案)
23、下列关于按钮组说法错误的是（ ） [单选题] *
A、按钮组是由btn-group类定义的
B、工具栏按钮组是多个基本按钮组放在一个btn-toolbar类容器中
C、Bootstrap提供了包括btn-group-sm、btn-group-md等多种类来控制按钮组下的
每个子按钮大小(正确答案)
B、
版权声明：本文标题：bootstrap练习题 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1713384652a631941.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论