Bootstrap 在线测试

优质
小牛编辑
116浏览
2023-12-01

以下测验提供了与Bootstrap Framework相关的多项选择题(MCQ)。 您必须阅读所有给定的答案并单击正确的答案。 如果您不确定答案,则可以使用“ Show Answer按钮Show Answer 。 您可以使用“ Next Quiz按钮在Next Quiz中检查新的问题集。

问题和解答

问题1 - 关于Bootstrap网格系统,以下哪项是正确的?

A - 预定义的网格类,如.row和.col-xs-4,可用于快速制作网格布局。 LESS mixins也可用于更多语义布局。

B - 列通过填充创建装订线(列内容之间的间隙)。 该填充通过.rows上的负边距在第一列和最后一列的行中偏移。

C - 通过指定要跨越的十二个可用列的数量来创建网格列。 例如,三个相等的列将使用三个.col-xs-4。

D - 以上所有。

Answer : D

说明 (Explanation)

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

问题2 - 当光标悬停在行上时,以下哪个类将具有浅灰色背景的表格设置为行?

A - .table

B - .table-striped

C - .table-bordered

D - .table-hover

Answer : D

说明 (Explanation)

通过添加.table-hover类,当光标悬停在行上时,将在行中添加浅灰色背景。

问题3 - 需要将以下哪个类添加到表单中以使其成为水平?

A - .horizo​​ntal

B - .form-horizo​​ntal

C - .horizo​​ntal

D - 以上都不是。

Answer : B

说明 (Explanation)

要创建使用水平布局的表单,请向父级添加.form-horizo​​ntal类

元件。

问题4 - 对于更复杂的组件,以下哪种引导样式有助于将“div class =”btn-group“”组合成“div class =”btn-toolbar“”?

A - .btn-group

B - .btn工具栏

C - .btn-group-lg

D - .btn-group-vertical

Answer : B

说明 (Explanation)

.btn-toolbar - 这有助于将

的集合组合成以获取更复杂的组件。

问题5 - 以下哪种引导样式用于创建对齐的选项卡导航?

A - .nav, .nav-tabs

B - .nav, .nav-pills

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

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

Answer : D

说明 (Explanation)

您可以使用类.nav-justified以及.nav,.nav-tabs或.nav,.nav-pills分别制作宽度超过768px的父屏幕的父级相同宽度的标签或药丸。 在较小的屏幕上,.nav链接是堆叠的。

问题6 - 使用以下哪种引导样式来创建.pagination?

A - .breadcrumb

B - .pagination

C - .menu

D - 以上都不是。

Answer : B

说明 (Explanation)

.pagination:添加此类以获取页面上的.pagination。

问题7 - 以下哪种引导样式可用于在寻呼机按钮上获得静音外观?

A - .pager-disabled

B - .disabled

C - .link-disabled

D - 以上都不是。

Answer : B

说明 (Explanation)

.disabled - 添加此类以获得静音外观。

问题8 - 关于Modal插件的数据背景数据属性,以下哪项是正确的?

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

B - 按下退出键时关闭模态; 设置为false以禁用。

C - 它在初始化时显示模态。

D - 使用jQuery .load方法,将内容注入模态体。 如果添加了具有有效URL的href,则会加载该内容。

Answer : A

说明 (Explanation)

data-backdrop - 如果您不希望在用户单击模态外部时关闭模态,请为背景指定静态。

问题9 - 关于Tooltip插件的数据选择器数据属性,以下哪项是正确的?

A - 将CSS淡入淡出过渡应用于工具提示。

B - 将HTML插入工具提示。 如果为false,则使用jQuery的文本方法将内容插入到dom中。

C - 指定如何定位工具提示(即top | bottom | left | right | auto)。

D - 委托给指定的目标。

Answer : D

说明 (Explanation)

data-selector - 如果提供了选择器,则工具提示对象将委派给指定的目标。

问题10 - 关于Popover插件,以下哪项是正确的?

A - 您可以通过数据属性切换Popover插件的隐藏内容。

B - 您可以通过javascript切换Popover插件的隐藏内容。

C - 以上两者。

D - 以上都不是。

Answer : C

说明 (Explanation)

以上两个选项都是正确的。