ブートストラップ

Question

でを崩壊のためのアニメーションを作るので、私は、ブートストラップ・テーブルを持っています。しかし、私はアニメーションが存在する必要があります。私もcssルールへの移行を追加しようとしましたが、何の効果もないようです。アニメーションで崩壊する方法はありますか？

Answer 1

ブートストラップのように思えます。折りたたみアニメーションがテーブルで動作していません。 あなたは私がここで行ったように、代わりにdivを使用してこの問題を解決することができます：

HTML：

<div class="table"> 
    <div class="content-row" id="content_1"> 
    <div><a class="more" id="more_1" role="button" aria-expanded="true" aria-controls="additional_row1" href="#additional_row1" data-toggle="collapse">More</a> 
    </div> 
    </div> 
    <div class="collapse additional-row" id="additional_row1"> 
    <div class="additional-row-td">Content 
    </div> 
</div> 

CSS（ちょうどテーブルのように見えるためにそれをスタイル）：

.content-row{ 
    padding: 10px 15px; 
} 
.additional-row-td { 
    border-top: 1px solid #dddddd; 
    padding: 10px 15px; 
} 

実施例：http://www.bootply.com/iFOT9utPvA#