設定例 <div class="container text-center"> <div class="row"> <div class="col-sm"> 3つの列の1列目 </div> <div class="col-sm"> 3つの列の2列目 </div> <div class="col-sm"> 3つの列の3列目 </div> </div> </div> 上記の実例では、定義済のグリッドクラスを使用して、小、中、大、特大、超特大型デバイスで3つの等幅列を作成している。それらの列は親要素の .container を持つページの中央に配置される。 【設定】 div.container(div.container-fluid か div.container-{breakpoint}) > .row > .col(-{breakpoint})(必要な数だけ入れる) グリッド全体の幅をレスポ
![グリッドシステム~Bootstrap5設置ガイド](https://cdn-ak-scissors.b.st-hatena.com/image/square/bee836bbb462765cda2caa568ed8dec5567e7105/height=288;version=1;width=512/https%3A%2F%2Fbootstrap-guide.com%2Fimages%2Fbootstrap-social-logo.png)