タグ

ブックマーク / bootstrap-guide.com (1)

  • グリッドシステム~Bootstrap5設置ガイド

    設定例 <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設置ガイド
  • 1