如何创建全部具有相同宽度的Bootstrap列？

Question

我的行中有12列以上，这使这些列垂直堆叠，但是顶部与底部的尺寸不同。

<div class="container-fluid">
  <div class="row">
    <div class="col-md"></div>
    <div class="col-md"></div>
    <div class="col-md"></div>
    <div class="col-md"></div>
    <div class="col-md"></div>
  </div>
</div>

我正在尝试具有响应性（允许增长）的列，但所有列应具有相同的宽度。

Answer 1

您可以尝试插入不带任何内容的col-md-4或仅在一行中插入2个col-md-4，看看是否有帮助。看全屏。 （借助评论修改了答案）

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container">
  <div class="row">
    <div class="col-md-4">
      1
    </div>
    <div class="col-md-4">
      2
    </div>
    <div class="col-md-4">
      3
    </div>
  </div>  
  <div class="row">
    <div class="col-md-4">
      1
    </div>
    <div class="col-md-4">
     2
    </div>
     <div class="col-md-4" id="last-column">
    </div>
  </div>
</div>

Answer 2

您不需要为此使用自定义CSS。您应该使用已经定义的响应式higher rank types。另外，不需要另一个.row，但对另一行可能很有用。

<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="/app/images/icons/apple-touch-icon.png" />