12

私は DataTables.net + Twitter Bootstrap とレスポンシブ レイアウトを使用しています。私がしようとしているのは、列を大きなサイズでのみ表示するクラス「visible-desktop」を使用してテーブルのいくつかの列を非表示にすることですが、うまくいかないようです、うまく非表示になりますが、ウィンドウのサイズを変更してデスクトップの幅を取得すると、非表示の列が積み重なって表示され始めます。これは、親からディスプレイのタイプを継承するため、CSS ディスプレイ クラスの問題のようです:

.visible-desktop {
    display: inherit!important;
}

私はそれを操作する場合

.visible-desktop {
    display: table-cell!important;
}

うまくいきます...これに対する回避策はありますか?または、テーブルの列を非表示にするために独自のクラスを作成する必要がありますか?

4

3 に答える 3

29

バージョン 4

編集: Bootstrap 4 が削除されhiddenvisibleクラスが削除されました。更新された例については、この回答、および/または関連する公式の移行ガイドを参照してください。

**以下のBootstrap 3の古い回答**

バージョン 3

.visibleおよび で使用可能なクラス.hidden

ビューポート ブレークポイント間でコンテンツを切り替えるには、使用可能なクラスを 1 つまたは組み合わせて使用​​します。

ブートストラップ css html 表示および非表示のクラス グリッド

ここのブートストラップセクションからhttp://getbootstrap.com/css/#responsive-utilities-classes

于 2015-06-24T18:36:33.497 に答える
11

Boostrap 3.0 では、公式ドキュメントに記載されているように、レスポンシブ クラスを.visibilty-<size>使用します。.hidden-<size>

http://getbootstrap.com/css/#responsive-utilities-classes

于 2014-01-22T10:03:06.463 に答える