Bootstrap4のcolクラスは何もしなくても隙間をどんどん埋めていってくれる便利なものです。
しかし、実現したいデザインによっては途中で折り返したいことも出てくると思います。そんな場合は「w-100」クラスを途中に挟めばOKです。
簡単ですね。
HTML Bootstrap4 カラムを途中でブレークする（途中で折り返すクラスw-100）
|
1 2 3 4 5 6 7 |
<div class="row"> <div class="col-3">.col-3</div> <div class="col-3">.col-3</div> <div class="w-100"></div> <div class="col-4">.col-4</div> <div class="col-4">.col-4</div> </div> |
See the Pen Bootstrap4 カラムを途中でブレークする（途中で折り返すクラスw-100） by clue-design (@clue-design) on CodePen.0
コード変更や、大きな画面でみたい場合はこちらから。
