ブートストラップの崩壊は、これは、ヘッダのラベルに私をクリックしたときに、私が持っているものであるテーブル

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