我有一个使用 Bootstrap 的静态 PHP 站点。这些表由 Bootstrap 控制。
我注意到我似乎无法控制 TD
的长度。部分,以便我可以防止电话号码等......如您所见,最后有足够的空间,只是不知道如何将空间分散开。
我在 <th>
上尝试了内联宽度但什么也没发生:
<table class="table table-condensed table-striped table-hover">
<thead>
<tr>
<th>#</th>
<th width="12%">Last Name</th>
<th width="12%">First Name</th>
<th width="12%">Spouse's Name</th>
<th width="20%">Address</th>
<th width="5%">City</th>
<th width="12%"class="did_phone">Phone</th>
<th width="15%">E-Mail</th>
<th width="15%"></th>
</tr>
</thead>
<tbody>
那么...如何更改
<td>
宽度,进行调整,以便在 Bootstrap 中没有包装?
最佳答案
Bootstrap 制作表格 100%
.所以表th
设置为 100%
.解决方法是让它 auto
.所以我只是通过在我的 css 中添加以下内容来覆盖 Bootstrap:
table th {
width: auto !important;
}
一切都排列得很完美。
关于twitter-bootstrap - 更改列宽 Bootstrap 表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20828224/