2

中規模および大規模なブレークポイントでのみ表示したいのですが、twbs 3.0 のドキュメントに基づいて、ここにあるようにブレークポイント ユーティリティ クラスを使用することはできませんhttp://getbootstrap.com/css/#responsive-utilities

中規模および大規模ビューでない場合は、div を非表示にできます

@media(max-width: @screen-md) {
   display:none;
}

しかし、.visible-lg などのユーティリティ クラスを使用してそれを達成する方法はありますか?

4

1 に答える 1

0

これを実現するためのユーティリティ クラスはありません。以下の少ないファイルで変更を加えることで、これを行うことができました...

「variables.less」で、次の変数を変更します-

@screen-xs     99999px;
@screen-sm     99999px;

「grid.less」の下部に次を追加します-

.container {
    width:@screen-md;
}

@media (min-width: @screen-lg-desktop) {
    .container {
        width: @container-lg-desktop;
    }
}

再コンパイルすると、大規模ブレークポイントと中規模ブレークポイントの間でのみ切り替えられるはずです。

于 2013-09-17T15:00:53.237 に答える