BootStrap 怎样调整<td>的宽度

dqsweet

于 2016-11-14 17:27:29 发布

阅读量2.5w

点赞数 2

分类专栏： Javascript 文章标签： bootstrap js javascript

Javascript 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用Bootstrap 2.0和3.0进行响应式网页布局。针对不同版本的Bootstrap，文章提供了具体的类名和使用示例，如Bootstrap 3.0中使用class=col-md-*定义列宽，而在Bootstrap 2.0中则使用class=span*。此外，还特别指出在含有<th>元素的情况下，宽度应在th元素上设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//对于 Bootstrap 3.0

For Bootstrap 3.0:

// class="col-md-*" 其中的*表示列的宽度

With twitter bootstrap 3 use: class="col-md-*" where * is a number of columns of width.

<tr class="something">
    <td class="col-md-2">A</td>
    <td class="col-md-3">B</td>
    <td class="col-md-6">C</td>
    <td class="col-md-1">D</td>
</tr>

//对于 Bootstrap 2.0

For Bootstrap 2.0:

// class = "span*" 其中的*表示列的宽度

With twitter bootstrap 2 use: class="span*" where * is a number of columns of width.

<tr class="something">
    <td class="span2">A</td>
    <td class="span3">B</td>
    <td class="span6">C</td>
    <td class="span1">D</td>
</tr>

// 如果有<th> 元素，在 th 上设置同样有效。

** If you have <th> elements set the width there and not on the <td> elements.

没有亲自试过，不过觉的 Twitter 的工程师真是脑洞大开。