Bootstrap 3表响应无法使用col-lg-12

时间:2014-10-22 12:17:05

标签: twitter-bootstrap responsive-design html-table

<div class="col-lg-12 table-responsive">
    <table class="table">
            <tr>
                <th>Sender</th>
                <th width="60%">Messages</th>
                <th>Date/Time</th>
            </tr>
    </table>
</div>

此代码无效,请帮我解决。

1 个答案:

答案 0 :(得分:0)

您不能同时使用这些类。您需要将具有类table-responsive的div包含在具有类col-lg-12的容器中。

<div class="col-lg-12">
    <div class="table-responsive">
        <table class="table">
                <tr>
                    <th>Sender</th>
                    <th width="60%">Messages</th>
                    <th>Date/Time</th>
                </tr>
        </table>
    </div>
</div>