Bootstrap MCQ

答案： (d) Mark Otto 和 Jacob Thornton

解释： Mark Otto 和 Jacob Thornton 在 Twitter 开发了 Bootstrap。它于 2011 年 8 月在 GitHub 上作为开源产品发布。

答案： (a) True

解释： Bootstrap 3 是 Bootstrap 最稳定的版本，团队仍为其提供关键错误修复和文档更改的支持。Bootstrap 对于创建响应式和移动优先的网站非常高效。

答案： (c) .container

解释： 在 Bootstrap 中，容器用于设置内容的边距，处理布局的响应式行为。.container 类用于创建盒式内容。

答案： (b) 12

解释： Bootstrap 网格系统允许页面上最多有 12 列。您可以单独使用所有 12 列，也可以将列组合在一起以创建更宽的列。

答案： (d) .jumbotron

解释： Bootstrap 的 jumbotron（巨幕）指定一个大框，用于让某些特殊内容或信息获得额外关注。它显示为一个带有圆角的灰色框。它还可以放大内部文本的字体大小。在 <div> 元素中使用 .jumbotron 类来创建巨幕。

答案： (b) <nav class="navbar navbar-default">

解释： 导航栏就像一个位于页面顶部的导航标题。您可以根据屏幕大小折叠或展开它。您可以使用 <nav class="navbar navbar-default"> 在页面顶部创建一个标准导航栏。

答案： (c) <ul class="nav nav-tabs">

解释： 我们可以使用 <ul class="nav nav-tabs"> 创建一个基本的导航选项卡。

答案： (b).navbar-inverse

解释： 反色导航栏提供了一个替代的黑色导航栏。它可以通过将 .navbar-default 类更改为 .navbar-inverse 类来为默认导航栏设置样式。

答案： (c) carousel

解释： Bootstrap carousel（轮播）是一种灵活、响应式的方式，用于向您的网页添加滑块。轮播插件是一个用于循环播放元素的组件，就像幻灯片一样。如果您想单独添加插件功能，则必须使用 carousel.js 文件，或者一次性全部添加（使用 "bootstrap.js" 或 "bootstrap.min.js"）。

答案： (a) .dropdown

解释： 下拉菜单是可切换的、上下文相关的菜单，用于以列表格式显示链接。它方便用户从预定义列表中选择一个值。我们必须将下拉菜单包裹在 .dropdown 类中以创建 Bootstrap 下拉菜单。

答案： (c) .list-group

解释： 在 <ul> 元素中使用 ".list-group" 类和在 <li> 元素中使用 ".list-group-item" 类来创建基本列表组。Bootstrap 列表组用于创建包含列表项的列表组。

答案： (b) .img-circle

解释： .img-circle 类用于将图像塑造成圆形（IE8 不支持圆角）。

答案： (d) .table-striped

解释： 我们可以通过使用不同的类来创建不同类型的 Bootstrap 表格并为其设置样式。.table-striped 类用于向表格添加斑马条纹。

答案： (d).btn-lg

解释： 我们可以使用 Bootstrap 中的 .btn-lg 类来创建大按钮。

答案： (c) modal

解释： Bootstrap 模态插件是一个显示在当前页面顶部的对话框/弹出窗口。

答案： (d) .pagination

解释： 分页用于以有组织的方式对您网站的网页进行排序。如果您的网站有很多网页，这就变得非常必要。我们可以添加 .pagination 类来在我们的页面上获得分页。

答案： (b) .badge

解释： Bootstrap 徽章是用于显示与特定链接关联的项目数量的数字指示器。徽章用于突出显示新的或未读的项目。在 元素中使用 .badge 类来创建徽章。

答案： (d) .img-rounded

解释： .img-rounded 类用于为图像添加圆角（IE8 不支持圆角）。它添加 border-radius: 6px 来使图像呈现圆角。

答案： (a) .panel

解释： 在 Bootstrap 中，面板是一个带边框的盒子，其元素周围有一些内边距。在 <div> 元素中使用 .panel 类来创建 Bootstrap 面板。

答案： (c) .pager

解释： Bootstrap 分页器是分页的一种形式。".pager" 类在 <ul> 元素中使用，以创建上一页/下一页按钮。它用于创建上一页和下一页按钮（链接）。

答案： (a) .collpase

解释： 当您想要隐藏和显示大量内容时，可以使用 Bootstrap 折叠。".collapse" 类用于指定可折叠元素。

答案： (b) .well

解释： 在 Bootstrap 中，“well”用于在元素周围添加一个带有灰色背景和一些内边距的圆角边框。它就像一个显示内容的容器。在 <div> 元素中使用 .well 类来添加“well”。

答案： (c) .well-lg

解释： 默认情况下，“well”的大小是中等的，但您可以根据需要更改“well”的大小。".well-lg" 类用于大尺寸“well”。

答案： (d) .well-sm

解释： 默认情况下，“well”的大小是中等的，但您可以根据需要更改“well”的大小。.well-sm 类用于小尺寸“well”。

答案： (d) .modal-lg

解释： 我们可以使用 .modal-lg 类来创建大尺寸模态框。这个尺寸类被添加到具有 .modal-dialog 类的 <div> 元素上。

答案： (b) .modal-sm

解释： 我们可以使用 .modal-sm 类来创建小尺寸模态框。这个尺寸类被添加到具有 .modal-dialog 类的 <div> 元素上。

答案： (d) .text-uppercase

解释： 我们可以使用 ".text-uppercase" 类来使文本显示为大写。

答案： (b) tooltip

解释： 当用户将鼠标光标移到一个元素上时，工具提示是显示关于该元素的额外信息的好方法。

答案： (c) <span class = "glyphicon glyphicon-search"> </span>

解释： Glyphicons 是用于 Web 项目的图标字体。Bootstrap 提供了来自 Glyphicons Halflings 集的 260 个 Glyphicons。使用 Bootstrap 插入搜索图标的正确语法是：<span class = "glyphicon glyphicon-search"> </span>

答案： (c) .panel-heading

解释： 在 Bootstrap 中，面板是一个带边框的盒子，其元素周围有一些内边距。.panel-heading 类用于向面板添加标题。

答案： (a) <button class = "btn btn-success"> success </button>

解释： 在 Bootstrap 中有多种样式可以添加按钮。在 Bootstrap 中创建成功按钮的语法是：<button class = "btn btn-success"> success </button>。

答案： (a) .label

解释： Bootstrap 标签用于指定关于某事的额外信息，如提供计数、提示或其他页面补充信息。.label 类用于显示标签。

答案： (a) True

解释： Bootstrap 网格系统是响应式的，列会根据屏幕尺寸自动重新排列。Bootstrap 网格系统允许页面上最多有 12 列。您可以单独使用所有 12 列，也可以将列组合在一起以创建更宽的列。

答案： (a) 在网页上使用不同的图标，如打印、信封等。

解释： 无

答案： (c) 垂直

解释： 在 Bootstrap 中，有三种类型的表单布局——垂直、水平和内联。Bootstrap 表单的默认布局是垂直的。

答案： (a) .text-capitalize

解释： 我们可以使用 ".text-capitalize" 类来使文本的首字母大写。

答案： (c) .navbar-right

解释： .navbar-right 类用于将导航栏按钮右对齐。

答案： (d) .img-thumbnail

解释： .img-thumbnail 类用于将图像塑造成缩略图。它会添加一些内边距和一个灰色边框。

答案： (b) .btn-link

解释： Bootstrap 中有多种按钮样式。通过使用 .btn-link 类，我们可以创建一个看起来像链接的按钮。

答案： (d) md

解释： 基本上，Bootstrap 网格系统中有四个类，即 xs、sm、md 和 lg。在这些类中，我们可以使用 md 类来适配像桌面设备这样的设备。

答案： (b) 手机

解释： 基本上，Bootstrap 网格系统中有四个类，即 xs、sm、md 和 lg。xs 类用于像手机这样的小型设备。

答案： (a) .active

解释： 进度条显示用户在一个过程中的进度。在 Bootstrap 中，有几种类型的进度条。.active 类用于创建动画进度条。

答案：(d) 以上均正确

解释： .well 类与

44) 关于 Bootstrap 网格系统，以下哪个是正确的？

1. Bootstrap 网格系统允许页面上有 12 列。
2. Bootstrap 网格系统是响应式的。
3. 两者 (a) 和 (b)
4. 既非 (a) 也非 (b)

45) 关于 Bootstrap 中的 jumbotron，以下哪个说法是正确的？

1. .jumbotron 类用于创建一个 jumbotron。
2. 它通常用于获得额外的关注。它会放大其内部文本的字体大小。
3. 两者 (a) 和 (b)
4. 既非 (a) 也非 (b)

46) 关于 Bootstrap 中的响应式图片，以下哪个说法是正确的？

1. 我们可以对 <img> 标签使用 .img-responsive 类来创建响应式图片。
2. 响应式图片会自动调整以适应屏幕尺寸。
3. 两者 (a) 和 (b)
4. 既非 (a) 也非 (b)

47) Bootstrap 网格系统中用于定义屏幕尺寸的类集是？

1. small, xs, lg, extra-large
2. xs, medium, lg, sm
3. sm, mg, lg
4. xs, sm, md, lg

48) Bootstrap 中使用哪个类来为一个表格的每个元素周围都添加边框样式？

1. .table-striped
2. .table-bordered
3. .table-border
4. .table-condensed

49) Bootstrap 中使用哪个类来为表格行设置样式，当用户将光标移到行上时，行为浅灰色背景？

1. .table-striped
2. .table-bordered
3. .table-border
4. .table-hover

50) Bootstrap 中的 scrollspy 插件会根据滚动位置自动更新导航列表中的链接 -

1. true
2. False
3. 说不清
4. 也许