twitter-bootstrap - 表列大小不适用于 col-*

Question

我有一张这样的桌子：

<table class="table table-bordered table-striped">
            <thead>
              <tr>
                <th class="col-5">Name</th>
                <th class="col-3">Login</th>
                <th class="col-3">Role</th>
                <th class="col-1"></th>
              </tr>
            </thead>
            <tbody>
             <tr>
                <td>Juliano</td>
                <td>juliano</td>
                <td>Supervisor</td>
                <td>
                  <a class="float-right holder-icon-link" href="null"><i class="fa fa-trash fa-lg"></i></a>
                  <a class="float-right holder-icon-link" ng-reflect-router-link="/users/edit,4" href="#/users/edit/4"><i class="fa fa-pencil fa-lg"></i></a></td>
              </tr>

            </tbody>
          </table>

但是，这些列不尊重我在每个<th></th>. 第一列占用了几乎所有可用空间，而其他列仅使用其内容所需的空间。

为什么？

PS：我正在使用CoreUI 的模板。