「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > Twitter Bootstrap を使用して表内のテキストを整列するにはどうすればよいですか?

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

2024 年 11 月 15 日に公開
ブラウズ:783

How can I align text in tables using 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 を置き換えます)

例:

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

Total
$1,000,000.00

追加メモ:

  • 提供された例では、テーブル ヘッダー (th) およびデータ内のテキストを配置します。セル (td).
  • テキスト配置クラスの詳細については、公式のブートストラップ ドキュメントを参照してください。
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3