Css Bootstrap3中五列的网格系统

Css Bootstrap3中五列的网格系统,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在尝试开发一个引导模板,但遇到了网格系统的问题。在我的模板中,它一行有五列。每列必须相等。如果是三列、四列或六列,就不会有问题。我可以通过col-md-3或col-md-4或col-md-6轻松编写它。但是我怎么才能在五个栏目中纠正这个错误呢。是否有任何方法或需要编写自定义css?请告诉我。编写您自己的选择器col-md-5,只需从该选择器复制属性并将宽度设置为20%。这应该是可行的:)实际上,如果您使用的是Bootstrap4,那么它非常简单。只要这样做,就会有相等的5列 <div

我正在尝试开发一个引导模板,但遇到了网格系统的问题。在我的模板中,它一行有五列。每列必须相等。如果是三列、四列或六列,就不会有问题。我可以通过
col-md-3
col-md-4
col-md-6
轻松编写它。但是我怎么才能在五个栏目中纠正这个错误呢。是否有任何方法或需要编写自定义css?请告诉我。

编写您自己的选择器col-md-5,只需从该选择器复制属性并将宽度设置为20%。这应该是可行的:)

实际上,如果您使用的是Bootstrap4,那么它非常简单。只要这样做,就会有相等的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>

引导程序4五列
第1栏
第2栏
第3栏
第4栏
第5栏
也分享下面的参考链接,以进一步了解。

Duplicate:您愿意创建一个具有较少宽度的补充样式表吗?
col-md-5
在12列网格中,宽度为5/12而不是20%。名称应该完全不同