Twitter bootstrap 3 在引导上对齐11列，如何处理缺少的列？

我有一个11列的网格

<div class="row">
    <div class="col-lg-1">1</div>
    <div class="col-lg-1">2</div>
    <div class="col-lg-1">3</div>
    <div class="col-lg-1">4</div>
    <div class="col-lg-1">5</div>
    <div class="col-lg-1">6</div>
    <div class="col-lg-1">7</div>
    <div class="col-lg-1">8</div>
    <div class="col-lg-1">9</div>
    <div class="col-lg-1">10</div>
    <div class="col-lg-1">11</div>
</div>

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11

我的问题是引导在12列网格上工作，因此第12列显示为空。（使栅格看起来不居中）

我想将此网格居中，因此在网格的开头将有半列的空间，在网格的末尾将显示另一半：

<div class="row">
    <div class="col-lg-1/2">1/2 blank</div>
    <div class="col-lg-1">1</div>
    <div class="col-lg-1">2</div>
    <div class="col-lg-1">3</div>
    <div class="col-lg-1">4</div>
    <div class="col-lg-1">5</div>
    <div class="col-lg-1">6</div>
    <div class="col-lg-1">7</div>
    <div class="col-lg-1">8</div>
    <div class="col-lg-1">9</div>
    <div class="col-lg-1">10</div>
    <div class="col-lg-1">11</div>
    <div class="col-lg-1/2">1/2 blank</div>
</div>

1/2空白
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
1/2空白

---

^这是一个我想象它将如何工作的例子，但不幸的是，boostrap上没有1/2列。

您可以创建一个半大小的列，添加到补充样式表中（不过，您需要确保您考虑所有样式）：

那么，你想要的东西应该起作用

<div class="row">
    <div class="col-lg-half">1/2 blank</div>
    <div class="col-lg-1">1</div>
    <div class="col-lg-1">2</div>
    <div class="col-lg-1">3</div>
    <div class="col-lg-1">4</div>
    <div class="col-lg-1">5</div>
    <div class="col-lg-1">6</div>
    <div class="col-lg-1">7</div>
    <div class="col-lg-1">8</div>
    <div class="col-lg-1">9</div>
    <div class="col-lg-1">10</div>
    <div class="col-lg-1">11</div>
    <div class="col-lg-half">1/2 blank</div>
</div>

1/2空白
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
1/2空白

如果您需要11列网格，您可能需要重新思考为什么要使用定义12列网格的框架（即，为什么不为正确的工作使用正确的工具？）-如果您仍然想使用引导，那么您似乎必须在自己的CSS中定义这些1/2列（你可以看到他们的代码，了解他们是如何为

col-lg-1

编写代码的，并在你自己的CSS中复制这些代码）@ochi好吧，我们在应用程序中有很多其他表单，但是一个页面中有一个网格，恰好有11列，而且它看起来不居中。

<div class="row">
    <div class="col-lg-half">1/2 blank</div>
    <div class="col-lg-1">1</div>
    <div class="col-lg-1">2</div>
    <div class="col-lg-1">3</div>
    <div class="col-lg-1">4</div>
    <div class="col-lg-1">5</div>
    <div class="col-lg-1">6</div>
    <div class="col-lg-1">7</div>
    <div class="col-lg-1">8</div>
    <div class="col-lg-1">9</div>
    <div class="col-lg-1">10</div>
    <div class="col-lg-1">11</div>
    <div class="col-lg-half">1/2 blank</div>
</div>