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

Mai*_*jat 1 html css twitter-bootstrap bootstrap-4

我的行中有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>
Run Code Online (Sandbox Code Playgroud)

我正在尝试具有响应性(允许增长)的列,但所有列应具有相同的宽度。

在此处输入图片说明

在此处输入图片说明 在此处输入图片说明

Fla*_*uso 5

您可以尝试插入没有内容的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>
Run Code Online (Sandbox Code Playgroud)

  • 什么是“ md-4”?没有这样的阶级 (2认同)