Twitter Bootstrap を使用して表内のテキストを整列するにはどうすればよいですか?

Twitter Bootstrap でのテーブル テキストの配置

Twitter の Bootstrap フレームワークでは、指定されたテキスト配置クラスを使用してテーブル内のテキストを配置できます。

ブートストラップ 3

• text-left: 左揃えテキスト
• text-center: 中央揃えテキスト
• text-right:右揃えテキスト

ブートストラップ 4

• text-xs-{left|center|right}: すべてのビューポート サイズに対してテキストを揃えます
• text-{sm|md|lg|xl}-{left|center|right}: 特定のビューポート サイズに合わせてテキストを配置します

Bootstrap 5

• text-start: 左揃えのテキスト (text-left を置き換えます)
• text-end: 右揃えのテキスト (text-right を置き換えます)

例:

表のセルの合計を右に揃えます:

<th class="text-end">Total</th>

<td class="text-end">,000,000.00</td>

補足:

• 提供された例では、テーブル ヘッダー (th) とデータ セル (td) 内のテキストを整列します。
• テキスト整列クラスの詳細については、公式の Bootstrap ドキュメントを参照してください。

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