我在行中有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>

我试图有响应(允许增长)列,但所有列应具有相同的宽度。
html - 如何创建全部具有相同宽度的Bootstrap列?-LMLPHP
html - 如何创建全部具有相同宽度的Bootstrap列?-LMLPHP
html - 如何创建全部具有相同宽度的Bootstrap列?-LMLPHP

最佳答案

您可以尝试插入一个没有内容的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>

关于html - 如何创建全部具有相同宽度的Bootstrap列?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56024390/

10-12 00:17