50

Bootstrap には、画面サイズに応じて何を表示または非表示にするかを選択するための優れ.visible-*た (例: ) クラス ユーティリティがあります。.visible-lg

display: block !important;これらのクラスを使用すると、正しい画面サイズでスタイリングが適用されます。

しかし、表示される要素inlineinline-block.

いくつかのブートストラップ ルールをきれいに上書きして選択できるようにするにはどうすればよいですか? それとも、ブートストラップでの機能リクエストでしょうか?


編集

この問題について疑問に思っているのは私だけではないようです。これがgithubの問題です。

最新の回答をありがとう!

4

4 に答える 4

15

これは、v3.1 である程度修正されています。

.visible-lgor.visible-mdは強制しますが、 orをdisplay: block !important;使用するとインラインで表示されます。.hidden-xs.hidden-sm

于 2014-02-06T06:39:29.670 に答える
13

次のライブラリは、表示可能なヘルパー クラスをインラインおよびインライン ブロックのバリエーションで拡張します。

https://github.com/moappi/bootstrap.inline-responsive

以下を実装します。

  • visible-inline-*
  • hidden-inline-*

  • visible-inline-block-*
  • hidden-inline-block-*
于 2013-11-05T08:53:55.770 に答える