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>