Twitter bootstrap 3 bootstrap 3.0网格，少于12列

我正在尝试使用只有7列的网格创建日历。我想让这7列均匀分布，适合整行。目前，7列加起来不等于12列，我得到12列，其中5列为空。在Bootstrap 3中有没有一种方法可以将所有7个数据分散到一行中？

简短回答：不太可能

选择数字12是因为它具有很高的通用性（可以有：1、2、3、4、6或12列），但这类解决方案总是有一些警告：它们需要符合其标准

现在，当您创建这样的7个div时会发生什么：

？我做了一个快速测试，我有7列。当然，它们只占我的容器宽度的7/12，所以如果可以接受，那么你可以使用它

---

如果没有，您要么使用自己的解决方案（要么利用现有的引导类，要么从空白开始）、修改引导（可能，但我建议不要这样做，因为它会给将来的可维护性带来问题），要么更改您的设计。或者只是使用其他组件/模板？

您最好的选择可能是创建自己的自定义列类。由于您需要一个跨度为其父列宽度1/7的列，请使用

width:14.285%（100除以7=14.285…）

演示：

CSS

HTML


太阳
周一
星期二
结婚
Th
Fr
坐
太阳
周一
星期二
结婚
Th
Fr
坐

在CSS部分中，float、position、minheight和paddings与任何其他引导col类相同。宽度和边框是唯一真正定制的方面。但是你也要考虑在不同大小的设备上发生了什么——这个解决方案对组合的CL类是……< /P> < P>为什么不加倍7到14？保持它为偶数要简单得多。这样，您可以创建一个布局，该布局最多可添加7列。例如，如果你想要一个col-3和col-4布局，你只需要做col-6和col-8。对于日历来说，这意味着每天都要上一堂二级课程

此外，还可以查看比Bootstrap的mixin更容易理解的内容，尽管您可以随时转到Bootstrap自定义页面并输入所需的列数：
您可以分享您迄今为止尝试过的内容吗？您可以使用较少的网格mixin制作7列网格：一些关于如何使用它们的不完整文档：
Remember, grid columns should add up to twelve for a single horizontal block. More than that, and columns start stacking no matter the viewport.

.col-day{
    width:14.285%;
    border:1px solid grey;
    float:left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

<div class="container">
  <div class="row bg-success">
    <div class="col-day">Sun</div>
    <div class="col-day">Mon</div>
    <div class="col-day">Tue</div>
    <div class="col-day">Wed</div>
    <div class="col-day">Th</div>
    <div class="col-day">Fr</div>
    <div class="col-day">Sat</div>
    <div class="col-day">Sun</div>
    <div class="col-day">Mon</div>
    <div class="col-day">Tue</div>
    <div class="col-day">Wed</div>
    <div class="col-day">Th</div>
    <div class="col-day">Fr</div>
    <div class="col-day">Sat</div>
  </div>
</div>