「Bootstrap4入門」幅グリッドを設定するサンプル

使用例1
列の幅とさまざまなデバイスでの表示方法を制御します

<div class="row">
  <div class="col-*-*"></div>
</div>
<div class="row">
  <div class="col-*-*"></div>
  <div class="col-*-*"></div>
  <div class="col-*-*"></div>
</div>

使用例2 自動レイアウト

<div class="row">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>