表列大小不适用于col- *

时间:2017-10-06 01:35:23

标签: twitter-bootstrap twitter-bootstrap-4 core-ui

我有一张这样的表:

<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's模板。

0 个答案:

没有答案