如何使用引导程序将 div 分成 13 个相等的部分？答案

【问题标题】：How to divide a div into 13 equal parts using bootstrap?如何使用引导程序将 div 分成 13 个相等的部分？
【发布时间】：2018-04-24 01:36:42
【问题描述】：

我想用bootstrap把一个div分成13等份，怎么做？

【问题讨论】：

引导网格分为 12 个部分，而不是 13 个
定义你自己的类，因为 Bootstrap 没有连续 13 个类
尝试使用自动布局列：getbootstrap.com/docs/4.1/layout/grid/#auto-layout-columns
@mast3rd3mon 我知道引导网格分为 12 个部分，在一次采访中被问到，我无法得到问题的答案，因此被问到。
查看此副本：stackoverflow.com/questions/38799090/…

标签： html twitter-bootstrap bootstrap-4

【解决方案1】：

不使用 bootstrap，但使用 flex 非常简单

.foo {
  display: flex;
}

.item {
  flex-basis: 100%;
  text-align: center;
  border: 1px solid red;
}

<div class="foo">
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
   <div class="item">z</div>
</div>

【讨论】：

【解决方案2】：

bootstrap 已经在容器中提供了最多 12 个 div 你必须改用 css

谢谢

【讨论】：