ブロックの中央よせの方法 : 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
次へ
前へ