Bootstrap 3 表响应不与 col-lg-12 一起使用

Question

<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>

此代码不起作用，请帮助我。

Answer 1

您不能同时使用这些类。您需要将具有 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>