Window Width :
xs の場合のみ w-100 を表示(w-100 d-block d-sm-none)
xs と sm の場合のみ w-100 を表示(w-100 d-block d-md-none)
xs と sm 及び md の場合のみ w-100 を表示(w-100 d-block d-lg-none)
<div class="container"> <p>xs の場合のみ w-100 を表示(w-100 d-block d-sm-none)</p> <div class="row"> <div class="col">col</div> <div class="col">col</div> <div class="w-100 d-block d-sm-none"></div> <div class="col">col</div> <div class="col">col</div> </div> </div> <div class="container"> <p>xs と sm の場合のみ w-100 を表示(w-100 d-block d-md-none)</p> <div class="row"> <div class="col">col</div> <div class="col">col</div> <div class="w-100 d-block d-md-none"></div> <div class="col">col</div> <div class="col">col</div> </div> </div> <div class="container"> <p>xs と sm 及び md の場合のみ w-100 を表示(w-100 d-block d-lg-none)</p> <div class="row"> <div class="col">col</div> <div class="col">col</div> <div class="w-100 d-block d-lg-none"></div> <div class="col">col</div> <div class="col">col</div> </div> </div>