Bootstrapでtext-left、text-center、text-rightを使って左寄せ・中央・右寄せを行う方法

記事内に広告が含まれています。

Bootstrapではキストの左寄せ・中央・右寄せにするクラスが用意されています。

実際にはtext-left、text-center、text-rightクラスを指定することで実現します。

左寄せ

text-leftを指定します。

<div class="border border-secondary">
<p class="text-left">text-left</p>

</div>

以下が実際に表示させた結果です。

text-left

中央寄せ

text-centerを指定します。

<div class="border border-secondary">
<p class="text-center">text-center</p>

</div>

以下が実際に表示させた結果です。

text-center

右寄せ

text-rightを指定します。

<div class="border border-secondary">
<p class="text-right">text-right</p>

</div>

text-right

まとめ

Boostrapを利用することでtext-left、text-center、text-rightクラスを指定するだけで、左寄せ・中央寄せ・右寄せを行うことができます。

以上、Bootstrapでtext-left、text-center、text-rightを使って左寄せ・中央・右寄せを行う方法でした。

スポンサーリンク
スポンサーリンク
【PR】
Boostrap学習におすすめの本
Bootstrap
スポンサーリンク
ソフトウェア開発日記
タイトルとURLをコピーしました