ブロックの中央よせの方法 : Bootstrap の使い方

Bootstrap でブロックを中央よせしたいとお考えの方へ、本記事では、ブロックの中央よせの方法を解説します。

「Webサイトからお問い合わせが来ない…」とお悩みの方必見!
当サイトのノウハウを詰め込んだ『Web集客の無料ガイド』をご提供

Bootstrap でブロックを中央よせする方法

Bootstrap ではあらかじめ、テキストの中央よせ「 text-center 」や、ブロックの中央よせのクラスが用意されています。

ブロックの「 c enter-block 」で、中央よせを実行できます。

  1. //中央よせ
  2. <div class="center-block">
  3. <div>ブロックの中央よせ</div>
  4. </div>

ブロック中央よせの実行結果

ブロックの中央よせ

他にも Bootstrap に関する記事を多数公開!

当ブログでは、他にも Bootstrap に関する記事を多数公開しています。

Bootstrap について分からないことがあれば、当ブログの記事をぜひ参考にしてください。

例として、いくつか記事を紹介します。

ヘッダー・フッター (header・footer) の作り方 : Bootstrap の使い方

バーガーメニューアイコンを変更・調整する方法 : Bootstrap 4

Bootstrap で動きのある1カラムレイアウト作成方法(動画説明付き)

関連タグ:

CPIの最新情報をTwitterでチェックできます!
@cpiadjp
次へ
前へ