Bootstrap 在线测试
以下测验提供了与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。
Answer : D
说明 (Explanation)
所有上述选项都是正确的。
问题2 - 当光标悬停在行上时,以下哪个类将具有浅灰色背景的表格设置为行?
Answer : D
说明 (Explanation)
通过添加.table-hover类,当光标悬停在行上时,将在行中添加浅灰色背景。
问题3 - 需要将以下哪个类添加到表单中以使其成为水平?
Answer : B
说明 (Explanation)
要创建使用水平布局的表单,请向父级添加.form-horizontal类
元件。问题4 - 对于更复杂的组件,以下哪种引导样式有助于将“div class =”btn-group“”组合成“div class =”btn-toolbar“”?
Answer : B
说明 (Explanation)
.btn-toolbar - 这有助于将
的集合组合成以获取更复杂的组件。问题5 - 以下哪种引导样式用于创建对齐的选项卡导航?
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?
Answer : B
说明 (Explanation)
.pagination:添加此类以获取页面上的.pagination。
问题7 - 以下哪种引导样式可用于在寻呼机按钮上获得静音外观?
Answer : B
说明 (Explanation)
.disabled - 添加此类以获得静音外观。
问题8 - 关于Modal插件的数据背景数据属性,以下哪项是正确的?
A - 如果您不希望在用户单击模态外部时关闭模态,则为背景指定静态。
D - 使用jQuery .load方法,将内容注入模态体。 如果添加了具有有效URL的href,则会加载该内容。
Answer : A
说明 (Explanation)
data-backdrop - 如果您不希望在用户单击模态外部时关闭模态,请为背景指定静态。
问题9 - 关于Tooltip插件的数据选择器数据属性,以下哪项是正确的?
B - 将HTML插入工具提示。 如果为false,则使用jQuery的文本方法将内容插入到dom中。
C - 指定如何定位工具提示(即top | bottom | left | right | auto)。
Answer : D
说明 (Explanation)
data-selector - 如果提供了选择器,则工具提示对象将委派给指定的目标。
问题10 - 关于Popover插件,以下哪项是正确的?
A - 您可以通过数据属性切换Popover插件的隐藏内容。
B - 您可以通过javascript切换Popover插件的隐藏内容。
Answer : C
说明 (Explanation)
以上两个选项都是正确的。