ブートストラップ テーブル内のテキストを整列するにはどうすればよいですか?

表要素のブートストラップのテキスト配置クラス

財務数値など、表内のテキストを右揃えに配置する必要があることはありませんか? Bootstrap には、このタスクを簡単に処理するためのクラスが用意されています。

Bootstrap 3

Bootstrap 3 でテキストを右揃えにするには、「text-right」クラスを使用します。

<code class="html"><th><span class="text-right">Total</span></th>
<td><span class="text-right">,000,000.00</span></td></code>

ブートストラップ 4

ブートストラップ 4 では、「text-{breakpoint}-{alignment}」を使用します:

<code class="html"><p class="text-xs-left">Left-aligned on all viewports</p>
<p class="text-lg-right">Right-aligned on large and wider viewports</p></code>

ブートストラップ 5

Bootstrap 5 では、「text-start」と「text-end」が導入されています。

<code class="html"><p class="text-start">Left-aligned text</p>
<p class="text-end">Right-aligned text</p></code>

これらのクラスは、テーブル内でのテキストの配置に柔軟性を提供し、プレゼンテーションを簡単に制御できるようにします。データの。

以上がブートストラップ テーブル内のテキストを整列するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。