如何在Bootstrap中创建五个相等的列？

在Bootstrap中，使用col-*类可实现响应式布局中的列划分。默认情况下，Bootstrap网格系统的列总数为12，即将网格分为12列。使用col-*类可以指定一个元素应该占据的列数。例如，col-md-6将元素划分为占据6列的块，仅在中等大小的屏幕上生效。

要将5个相等的列放置在同一行中，请使用以下代码：

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
  </div>
</div>

在上面的代码中，我们使用container-fluid类创建了一个占满整个父容器的宽度的容器。然后，我们创建了一个行div，其中包含5个相等的列div。我们使用了col-lg-2，col-md-2，col-sm-2和col-xs-2，以确保在各种屏幕大小下都会按相等的宽度布局这些列。

现在，你可以在这5个相等的列上添加自己的内容，从而创建一个响应式布局的分栏页面。

总结：

要创建5个相等的列，您可以将它们写入一个行div，并使用col-lg-2，col-md-2，col-sm-2和col-xs-2类来指定每个列应占据的网格列数。这将确保您的页面在各种屏幕大小下都呈现出相等宽度的列。