Question

我正在尝试开发一个引导模板并面临网格系统的问题。在我的模板中，它连续有五列。每列必须相等。如果是三列，四列或六列，则不会有问题。我可以通过col-md-3或col-md-4或col-md-6轻松撰写。但是我怎么能在五列中找到它。有没有办法或需要编写自定义CSS？请告诉我。

Answer 1

编写您自己的选择器col-md-5，只需从该选择器复制属性并将宽度设置为20％。这应该有效：）

Answer 2

实际上，如果您使用的是Bootstrap 4，则非常简单。只要这样做，就会有5列相等。

<div class="container-fluid">
  <h3>Bootstrap 4 Five Columns</h3>
  <div class="row">
    <div class="col">
      <h3>column 1</h3>
    </div>
    <div class="col">
      <h3>column 2</h3>
    </div>
    <div class="col">
      <h3>column 3</h3>
    </div>
    <div class="col">
      <h3>column 4</h3>
    </div>
    <div class="col">
      <h3>column 5</h3>
    </div>
  </div>

还共享下面的参考链接以进一步了解。 Equal Columns

Bootstrap3中的网格系统有五列

2 个答案: