引導倒塌調整表格

Question

<div class="row"> 
 
     <div class="col-md-8"> 
 
      <h3 data-toggle="collapse" data-target="#collapseList" aria-expanded="false" aria-controls="collapseList"> 1 Lecturer List</h3> 
 
      <table class="table table-bordered collapse" id="collapseList"> 
 
      <thead> 
 
       <tr> 
 
        <th>List Id</th> 
 
        <th>List Name</th> 
 
        <th>Total Subscribers</th> 
 
        <th>Action</th> 
 
        <th>Problems</th> 
 
       </tr> 
 
      </thead> 
 
      <tr> 
 
       <td>a</td> 
 
       <td>abcdefg</td> 
 
       <td>a</td> 
 
       <td>Synchronize</td> 
 
       <td>NOK</td> 
 
      </tr> 
 
      </table> 
 
     </div> 
 
    </div>

這是我當我點擊標題標籤，它1此時出現第二種：

並經過1秒，這是我有什麼：

爲什麼我的表格在摺疊後調整大小？有沒有辦法調整表格的大小？

UPDATE：

這裏有一個的jsfiddle，你可以試試，看看自己，有一個問題https://jsfiddle.net/0zw5a845/

Answer 1

將下面的CSS行添加到主樣式表。這基本上覆蓋了引導樣式表的.collapse.in選擇器。

.collapse.in {display:table} 

Updated JSFiddle