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

你不能一起使用这些类。您需要将类0123¾的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>