非流体容器后的Bootstrap流体容器

在Bootstrap中，使用非流体容器（container）可以创建一个固定宽度的容器，而使用流体容器（container-fluid）可以创建一个占据整个可视窗口宽度的容器。

如果你想在非流体容器之后使用流体容器，可以按照以下步骤进行操作：

1. 首先，在HTML中创建一个非流体容器，例如：

<div class="container">
  <!-- 这里是非流体容器的内容 -->
</div>

2. 在非流体容器的后面添加一个流体容器，例如：

<div class="container">
  <!-- 这里是非流体容器的内容 -->
</div>

<div class="container-fluid">
  <!-- 这里是流体容器的内容 -->
</div>

3. 使用Bootstrap的CSS样式类来设置容器的样式，例如：

<div class="container">
  <!-- 这里是非流体容器的内容 -->
</div>

<div class="container-fluid">
  <!-- 这里是流体容器的内容 -->
</div>

通过以上步骤，你可以在非流体容器之后创建一个流体容器，并且使用Bootstrap的样式类来设置容器的样式。