Bootstrap - 在线测验

以下测验提供了与Bootstrap 框架相关的选择题 (MCQ)。您需要阅读所有给定的答案，然后点击正确的答案。如果您不确定答案，可以使用显示答案按钮查看答案。您可以使用下一题按钮在测验中查看新的问题集。

问题 1 - 关于 Bootstrap 网格系统，以下哪一项是正确的？

A - 提供了预定义的网格类，如 .row 和 .col-xs-4，可以快速创建网格布局。LESS 混合器也可用于更语义化的布局。

B - 列通过填充创建沟槽（列内容之间的间隙）。该填充在第一列和最后一列的行中通过 .rows 上的负边距进行抵消。

C - 网格列通过指定您希望跨越的 12 个可用列中的数量来创建。例如，三个相等的列将使用三个 .col-xs-4。

D - 以上所有。

答案：D

解释

以上所有选项都是正确的。

问题 2 - 以下哪个类表示成功或积极的操作？

答案：B

解释

.success − 表示成功或积极的操作。

问题 3 - 以下哪个 Bootstrap 按钮样式表示用于信息警报消息的上下文按钮？

答案：D

解释

.btn-info − 用于信息警报消息的上下文按钮。

问题 4 - 以下哪个 Bootstrap 按钮样式使按钮尺寸变大？

答案：A

解释

.btn-lg − 这使得按钮尺寸变大。

问题 5 - 以下哪些 Bootstrap 样式用于创建对齐的选项卡导航？

A - .nav, .nav-tabs

B - .nav, .nav-pills

C - .nav, .nav-pills, .nav-stacked

D - .nav, .nav-tabs, .nav-justified

答案：D

解释

您可以使用类 .nav-justified 与 .nav、.nav-tabs 或 .nav、.nav-pills 分别一起使用，在屏幕宽度大于 768px 时创建与父级宽度相同的选项卡或药丸。在较小的屏幕上，.nav 链接会堆叠。

问题 6 - 如果您希望 .navbar 固定在页面顶部，应使用以下哪个 Bootstrap 样式？

A - .navbar-top

B - .navbar-fixed

C - .navbar-fixed-top

D - 以上均不正确。

答案：C

解释

如果您希望 .navbar 固定在页面顶部，请向 .navbar 类添加类 .navbar-fixed-top。

问题 7 - 关于 Bootstrap 徽章，以下哪一项是正确的？

A - 徽章类似于标签；主要区别在于角更圆。

B - 徽章主要用于突出显示新的或未读的项目。

C - 要使用徽章，只需将 <span class="badge"> 添加到链接、Bootstrap 导航等。

D - 以上所有。

答案：D

解释

以上所有选项都是正确的。

问题 8 - 关于模态插件的 data-backdrop 数据属性，以下哪一项是正确的？

A - 如果您不希望用户单击模态框外部时关闭模态框，则将其指定为静态背景。

B - 按下 Esc 键时关闭模态框；设置为 false 以禁用。

C - 初始化时显示模态框。

D - 使用 jQuery .load 方法将内容注入到模态框主体中。如果添加了带有有效 URL 的 href，它将加载该内容。

答案：A

解释

data-backdrop − 如果您不希望用户单击模态框外部时关闭模态框，则指定静态背景。

问题 9 - 关于工具提示插件的 data-title 数据属性，以下哪一项是正确的？

A - 如果不存在 title 属性，则设置默认标题值。

B - 定义工具提示的触发方式。

C - 如果不存在 data-content 属性，则定义默认内容值。

D - 以毫秒为单位延迟显示和隐藏工具提示。

答案：A

解释

data-title − 如果不存在 title 属性，则设置默认标题值。

问题 10 - 关于气泡提示插件的 data-trigger 数据属性，以下哪一项是正确的？

A - 如果不存在 title 属性，则设置默认标题值。

B - 定义气泡提示的触发方式。

C - 如果不存在 data-content 属性，则定义默认内容值。

D - 以毫秒为单位延迟显示和隐藏气泡提示。

答案：B

解释

data-trigger − 定义气泡提示的触发方式：click| hover | focus | manual。您可以传递多个触发器；用空格分隔它们。

bootstrap_questions_answers.htm

打印页面