bootstrap table 怎么自适应宽度

最新推荐文章于 2024-08-16 11:39:03 发布

转载最新推荐文章于 2024-08-16 11:39:03 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kuangxin/p/8072224.html

文章标签：

#javascript #ViewUI

本文介绍了如何使用Bootstrap为HTML表格添加样式。重点讲解了必要的table类、text-nowrap类的作用及应用，同时强调了thead和tbody元素的重要性。

<div class="table-responsive">
    <table class="table text-nowrap">
        <thead>
            <tr>
                <th> ... </th>
                ....
            </tr>
        </thead>
        <tbody>
            <tr>
                <td> ... </td>
                ....
            </tr>
            .....
        </tbody>
    </table>
</div>
其中，表格需要加table样式，text-nowrap控制内容不换行，表格外层必须有<div class="table-responsive">。表格里面的thead和tbody不能省略，否则Bootstrap表格样式不会被使用。