T-file

一歩踏み出す勇気を全力で応援するブログ

【初心者向け】Bootstrapでtextalignを設定する方法

こんにちは、webエンジニアのtakaです。

サイトを作成する際にBootstrapを利用すると便利ですよね。
しかし、「あれ何のクラス名でできるんだっけ」と忘れてしまうことがあります。

今回の記事ではBootstrapでtextalignを設定する方法を見ていきます。

textalignを設定する方法

それぞれpタグに以下のクラス名を設定することでtextalignを設定することができます。
左揃え:text-left
中央揃え:text-center
右揃え:text-right

// HTML
<p class="text-left"> 左揃え</p>
<p class="text-center">中央揃え</p>
<p class="text-right">右揃え</p>