###前提・実現したいこと
Bootstrapのグリッドシステムにある表示/非表示機能をテーブルに活用する方法が知りたい。
###発生している問題・エラーメッセージ
thタグのクラスに「hidden-sm」のような指定をしてみたが、うまく消えてくれない。
そもそもテーブルには使えないクラスなのか?
###該当のソースコード
HTML
1<div class="table-responsive"> 2 <table class="table table-striped table-hover table-condensed"> 3 <thead> 4 <tr> 5 <th class="col-md-1">A</th> 6 <th class="col-md-5">B</th> 7 <th class="col-md-3 hidden-sm hidden-xs">C</th> 8 <th class="col-md-2 hidden-sm">D</th> 9 10 </tr> 11 </thead> 12 <tbody> 13 <tr><td>1</td><td>2</td><td>3</td><td>4</td> 14 <tr><td>1</td><td>2</td><td>3</td><td>4</td> 15 </tr> 16 </tbody> 17 </table> 18</div>
スマホなど小さい画面になった時に、いくつか列を非表示にしたいのですが、他によい方法はないでしょうか?
回答2件
あなたの回答
tips
プレビュー