bootstrap4 css lgサイズ以上の場合にのみcssを適用したい場合とcssのリセットについて

フォームを常に100%にしたい場合以下のようにする

<form class="w-100"></form>

しかしlg以上は100%にしたくなくて、元のwidthに戻したい(リセットしたい)、というケースの場合、cssとhtmlを以下のようにする。

css

/* lg以上限定のcss */
@media (min-width: 992px) {
    .w-lg-initial {
        width: initial !important; // これでリセットできる(chromeでのみ確認)
    }
}
/* lg以上限定のcss */

html

<form class="w-100 w-lg-initial"></form>

これでlgまでは幅100%、lg以上では元の幅になる。

低予算でのおすすめのFX口座はこちら。
http://s2fx.com/ranking/856.html

安全靴や作業着を買うならこちら。
http://azmaya.jp