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%。名称应该完全不同