如何在 Bootstrap 4 中创建 5 列布局？

如何创建 Bootstrap 4、5 列布局

在 Bootstrap 中创建 5 列布局可能具有挑战性，但通过一些简单的操作就可以实现步骤。

1.从容器开始

第一步是为您的列创建一个容器。这将是所有列的父元素，并且它应该具有容器流体类。

<div class="container-fluid">
<h3 id="添加一行">2.添加一行</h3>
<p>在容器内，您将需要添加一行。这将是列的容器，它应该具有行类。</p>
<pre class="brush:php;toolbar:false"><div class="row">
<h3 id="添加您的列">3.添加您的列</h3>
<p>在行内，您将需要添加您的列。每列都应该有 col 类，并且您想要的列数将取决于您尝试创建的布局。对于 5 列布局，您需要添加 5 列。</p>
<pre class="brush:php;toolbar:false"><div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>

4.向您的列添加一些内容

添加列后，您可以向其中添加一些内容。这可以是文本、图像或您想要的任何其他内容。

<div class="col">
  <h1 id="Column">Column 1</h1>
  <p>This is some content for column 1.</p>
</div>

5.关闭标签

添加所有列后，您需要关闭行和容器标签。