Btn-group没有拉伸表的宽度

Question

我有一个带有表头和表行的表。标题是一个btn组，有12个按钮，类似于日历的几个月，行是31列。我希望btn-group能够均匀分配＆amp;拉伸表格行的整个宽度。我可以为每个按钮添加 style =“width：100px;”，但是没有响应，我不一定知道整个表的宽度。

任何人都可以看到我需要添加到我的代码中吗？

<thead>
    <tr>
      <th colspan="31">
        <div class="btn-toolbar" role="toolbar">
          <div class="btn-group">
            <button type="button" class="btn btn-default">Jan</button>
            <button type="button" class="btn btn-default">Feb</button>
            <button type="button" class="btn btn-default">Mar</button>
            <button type="button" class="btn btn-default active">Apr</button>
            <button type="button" class="btn btn-default">May</button>
            <button type="button" class="btn btn-default">Jun</button>
            <button type="button" class="btn btn-default">Jul</button>
            <button type="button" class="btn btn-default">Aug</button>
            <button type="button" class="btn btn-default">Sep</button>
            <button type="button" class="btn btn-default">Oct</button>
            <button type="button" class="btn btn-default">Nov</button>
            <button type="button" class="btn btn-default">Dec</button>
          </div>
        </div>
      </th>
    </tr>
  </thead>

这是我从Bootstrap 3默认值更改的css标记：

.btn-group {     宽度：100％; }

.btn-toolbar {     宽度：100％; }

如果我使用btn-group-justified，它看起来像这样：

Answer 1

将以下类添加到父容器：.btn-group-justified

<thead>
<tr>
  <th colspan="31">
    <div class="btn-toolbar" role="toolbar">
      <div class="btn-group btn-group-justified">
        <button type="button" class="btn btn-default">Jan</button>
        <button type="button" class="btn btn-default">Feb</button>
        <button type="button" class="btn btn-default">Mar</button>
        <button type="button" class="btn btn-default active">Apr</button>
        <button type="button" class="btn btn-default">May</button>
        <button type="button" class="btn btn-default">Jun</button>
        <button type="button" class="btn btn-default">Jul</button>
        <button type="button" class="btn btn-default">Aug</button>
        <button type="button" class="btn btn-default">Sep</button>
        <button type="button" class="btn btn-default">Oct</button>
        <button type="button" class="btn btn-default">Nov</button>
        <button type="button" class="btn btn-default">Dec</button>
      </div>
    </div>
  </th>
</tr>

如需更多参考，请阅读文档的以下部分：

http://getbootstrap.com/components/#btn-groups-justified