Bootstrap 模拟测试（Bootstrap Mock Test）
本节介绍与Bootstrap Framework相关的各种模拟测试。 您可以在本地计算机上下载这些示例模拟测试，并在方便时离线解决。 每个模拟测试都提供一个模拟测试密钥，让您自己验证最终得分和评分。
Bootstrap Mock Test I
问题1 - 关于Bootstrap，以下哪项是正确的？
A - Bootstrap是一个时尚，直观，功能强大的移动第一前端框架，可以更快，更轻松地进行Web开发。
C - Bootstrap由Mark Otto和Jacob Thornton在Twitter上开发。
Answer : D
说明 (Explanation)
所有上述选项都是正确的。
问题2 - 关于Bootstrap，以下哪项是正确的？
A - Bootstrap的响应式CSS适应桌面，平板电脑和手机。
Answer : D
说明 (Explanation)
所有上述选项都是正确的。
问题3 - 以下哪一项是Mobile First Strategy of Bootstrap的一部分？
A - Content: Determine what is most important.
B - 布局:首先设计为较小的宽度。 基本CSS地址移动设备首先; 平板电脑，台式机的媒体查询地址。
Answer : D
说明 (Explanation)
所有上述选项都是正确的。
问题4 - 关于Bootstrap网格系统，以下哪项是正确的？
A - 行必须放在.container类中才能正确对齐和填充。
Answer : D
说明 (Explanation)
所有上述选项都是正确的。
问题5 - 关于Bootstrap网格系统，以下哪项是正确的？
A - 预定义的网格类，如.row和.col-xs-4，可用于快速制作网格布局。 LESS mixins也可用于更多语义布局。
B - 列通过填充创建装订线（列内容之间的间隙）。 该填充通过.rows上的负边距在第一列和最后一列的行中偏移。
C - 通过指定要跨越的十二个可用列的数量来创建网格列。 例如，三个相等的列将使用三个.col-xs-4。
Answer : D
说明 (Explanation)
所有上述选项都是正确的。
问题6 - 关于Bootstrap Media Query，以下哪项是正确的？
B - 它根据提出的某些条件简单地应用一些CSS。 如果满足这些条件，则应用样式。
Answer : C
说明 (Explanation)
以上两个选项都是正确的。
问题7 - 关于Bootstrap Media Query，以下哪项是正确的？
A - 媒体查询有两部分，一个是设备规范，另一个是规则规则。
B - Bootstrap中的媒体查询允许您根据视口大小移动，显示和隐藏内容。
Answer : C
说明 (Explanation)
以上两个选项都是正确的。
问题8 - 关于Bootstrap Mobile First Strategy，以下哪项是正确的？
A - 您需要将视口元标记添加到元素，以确保在移动设备上正确呈现和触摸缩放。
B - width属性控制设备的宽度。 将其设置为设备宽度将确保它正确地在各种设备（移动设备，台式机，平板电脑......）上呈现。
C - initial-scale = 1.0确保加载后，您的网页将以1:1的比例呈现，并且不会开箱即可进行缩放。
Answer : D
说明 (Explanation)
所有上述选项都是正确的。
问题9 - 关于Bootstrap响应图像，以下哪项是正确的？
A - Bootstrap 3允许您通过添加类... ..img响应“.img”标记来使图像响应。
B - ..img-responsive类应用max-width:100％; 和身高:汽车; 到图像，以便它很好地缩放到父元素。
Answer : C
说明 (Explanation)
以上两个选项都是正确的。
问题10 - 关于Bootstrap跨浏览器一致性，以下哪项是正确的？
A - Bootstrap使用Normalize建立跨浏览器一致性。
B - Normalize.css是一种现代的，支持HTML5的CSS重置替代方案。
C - Normalize.css是一个小的CSS文件，它在HTML元素的默认样式中提供更好的跨浏览器一致性。
Answer : D
说明 (Explanation)
所有上述选项都是正确的。
问题11 - 以下哪个类将一个表格作为一个很好的基本表格，只有一些浅色填充和水平分隔？
Answer : A
说明 (Explanation)
如果你想要一个漂亮的基本表格样式，只需要一些浅色填充和水平分隔，可以将.table的基类添加到任何表格中。
问题12 - 以下哪个类将表格设置为一个漂亮的基本表格，在行上有条纹？
Answer : B
说明 (Explanation)
通过添加.table-striped类，您将在
中的行上获得条带。问题13 - 以下哪个类具有围绕每个元素的边框的表格以及围绕整个表格的圆角？
Answer : C
说明 (Explanation)
通过添加.table-bordered类，您将获得围绕整个表的每个元素和圆角的边框。
问题14 - 当光标悬停在行上时，以下哪个类将具有浅灰色背景的表格设置为行？
Answer : D
说明 (Explanation)
通过添加.table-hover类，当光标悬停在行上时，将在行中添加浅灰色背景。
问题15 - 以下哪一类将悬停颜色应用于表格的特定行或单元格？
Answer : A
说明 (Explanation)
.active - 将悬停颜色应用于特定行或单元格。
问题16 - 以下哪一类表示成功或积极的行动？
Answer : B
说明 (Explanation)
.success - 表示成功或积极的操作。
问题17 - 以下哪一类表示可能需要注意的警告？
Answer : C
说明 (Explanation)
.warning - 表示可能需要注意的警告。
问题18 - 以下哪一类表示危险或潜在的否定行为？
Answer : D
说明 (Explanation)
.danger - 表示危险或潜在的负面行为。
问题19 - 可以使用以下哪个类创建响应表？
Answer : A
说明 (Explanation)
通过将任何.table包装在.table-responsive类中，您将使表格水平滚动到小型设备（768px以下）。 在大于768px宽的任何东西上观看时，您将看不到这些表格中的任何差异。
问题20 - 以下哪一项是引导程序表单的默认布局？
Answer : A
说明 (Explanation)
垂直或基本形式:Bootstrap附带的基本形式结构。
问题21 - 需要将以下哪个类添加到表单标记以使其内联？
Answer : B
说明 (Explanation)
要创建一个表单，其中所有元素都是内联的，左对齐并且标签位于旁边，请将.form-inline类添加到
标记中。问题22 - 需要将以下哪个类添加到表单标签以使其成为水平？
Answer : B
说明 (Explanation)
要创建使用水平布局的表单，请向父级添加.form-horizontal类
元件。问题23 - 关于bootstrap帮助文本，以下哪项是正确的？
A - Bootstrap表单控件可以具有与输入一起流动的块级帮助文本。
B - 要添加全宽度的内容块，请在“输入”后使用.help-block。
Answer : C
说明 (Explanation)
以上两个选项都是正确的。
问24 - 以下哪个按钮样式的按钮会创建默认/标准按钮？
Answer : A
说明 (Explanation)
.btn - 默认/标准按钮。
问题25 - 以下哪个按钮类型的按钮提供了额外的视觉重量并标识了一组按钮中的主要动作？
Answer : B
说明 (Explanation)
.btn-primary - 提供额外的视觉权重并标识一组按钮中的主要操作。
答题卡
| 问题编号 | 答案钥匙 |
|---|---|
| 1 | D |
| 2 | D |
| 3 | D |
| 4 | D |
| 5 | D |
| 6 | C |
| 7 | C |
| 8 | D |
| 9 | C |
| 10 | D |
| 11 | A |
| 12 | B |
| 13 | C |
| 14 | D |
| 15 | A |
| 16 | B |
| 17 | C |
| 18 | D |
| 19 | A |
| 20 | A |
| 21 | B |
| 22 | B |
| 23 | C |
| 24 | A |
| 25 | B |