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>