如要通过Bootstrap栅格设置一个在不同设备下 始终保持宽度为100%的布局容器，下列选项中 正确的是（）。 < div class="container" >….…</diu> < div id="container" >…..</div> < div class="container-fluid" >….…</div> < div id="container-fluid" >…..< /div>

正确选项是`<div class="container-fluid">….…</div>`。

`.container-fluid`是Bootstrap栅格系统中的流式布局容器，会根据屏幕大小自适应宽度。因此，如果想要在不同设备下始终保持宽度为100%的布局容器，就应该使用`.container-fluid`类。

`.container`是Bootstrap栅格系统中的固定宽度布局容器，宽度根据屏幕大小而变化，不适合用于始终保持宽度为100%的布局容器。

`<div id="container">…</div>`和`<div id="container-fluid">…</div>`是自定义的HTML标签，不是Bootstrap提供的布局容器类，因此也不正确。

相关问题

属于Bootstrap栅格中设置的布局容器类的有什么

Bootstrap中栅格系统是通过行（`.row`）和列（`.col-*`）来进行布局的，其中列又分为多种宽度比例，通过不同的宽度比例来实现不同的布局效果。栅格布局的设置主要包括以下几个类：

1. `.container`：固定宽度的布局容器，宽度根据屏幕大小而变化，使用响应式布局。

2. `.container-fluid`：流式布局容器，宽度自适应屏幕大小，使用响应式布局。

3. `.row`：栅格行容器，用于包含栅格列。

4. `.col-*`：栅格列容器，用于定义栅格布局中的列，其中`*`代表列所占的宽度比例，例如`.col-6`表示该列占据行的6/12，即1/2的宽度。

5. `.offset-*`：栅格列偏移容器，用于定义列的偏移量，其中`*`代表该列的偏移量比例，例如`.offset-2`表示该列向右偏移行的2/12，即1/6的宽度。

6. `.order-*`：栅格列排序容器，用于定义列的显示顺序，其中`*`代表该列的显示顺序，例如`.order-1`表示该列在其他列之前显示。

通过使用这些栅格布局的类，可以快速地搭建起网页的基本布局，从而节省开发时间和成本。同时，Bootstrap还提供了多种响应式断点和栅格列偏移、列排序等高级功能，使得栅格布局更加灵活和实用。

Bootstrap栅格布局响应式

Bootstrap栅格布局是基于Flexbox和Grid系统的响应式设计工具，它帮助开发者轻松创建适应不同设备屏幕大小的网页布局。Bootstrap的核心是12列的网格系统，你可以通过调整列数和添加“col-”前缀的类来创建不同屏幕尺寸下的自适应布局。

1. **栅格系统**：Bootstrap的栅格由12个等宽的列构成，每一列代表一个屏幕宽度的百分比。例如，`<div class="col-md-6">`表示在中等屏幕（md）及以上设备上占据6列。

2. **响应式列**：Bootstrap提供了多个屏幕断点（如sm, md, lg, xl），每个断点对应一组列宽，可以根据设备屏幕尺寸自动调整布局。例如，`col-sm-4`表示在小屏幕（sm）下占4列。

3. **列间距与合并**：使用`.offset`类可以添加列间的间隔，`col-4 offset-sm-4`可以合并成一列。

4. **灵活布局**：对于更复杂的布局，Bootstrap还提供了对行（row）的灵活处理，以及混合使用栅格和浮动的选项。