Căn chỉnh văn bản Bootstrap 5

テキストアライメント(配置)クラスを使用して、テキストを簡単に配置できます。 開始、終了、中央揃えには、グリッドシステムと同じ viewport 幅のブレークポイントを使用するレスポンシブクラスが利用できます。

Bắt đầu căn chỉnh văn bản trên tất cả các kích thước khung nhìn

Văn bản được căn giữa trên tất cả các kích thước khung nhìn

Kết thúc văn bản được căn chỉnh trên tất cả các kích thước khung nhìn

Bắt đầu căn chỉnh văn bản trên khung nhìn có kích thước SM (nhỏ) hoặc rộng hơn

Bắt đầu căn chỉnh văn bản trên cổng xem có kích thước MD (trung bình) hoặc rộng hơn

Bắt đầu căn chỉnh văn bản trên khung nhìn có kích thước LG (lớn) hoặc rộng hơn

Bắt đầu căn chỉnh văn bản trên khung nhìn có kích thước XL (cực lớn) hoặc rộng hơn

Start aligned text on all viewport sizes.
Center aligned text on all viewport sizes.
End aligned text on all viewport sizes.

Start aligned text on viewports sized SM (small) or wider.
Start aligned text on viewports sized MD (medium) or wider.
Start aligned text on viewports sized LG (large) or wider.
Start aligned text on viewports sized XL (extra-large) or wider.

Lưu ý rằng chúng tôi không cung cấp các lớp tiện ích cho văn bản được căn đều. Mặc dù, về mặt thẩm mỹ, văn bản được căn đều có thể trông hấp dẫn hơn, nhưng nó làm cho khoảng cách từ trở nên ngẫu nhiên hơn và do đó khó đọc hơn

Gói và tràn văn bản

  This text should wrap.

5 でテキストを折り返しできます。

  This text should wrap.

  This text should wrap.

6 にするとテキスト折り返しを抑止します。

Văn bản này sẽ tràn cha mẹ

  This text should overflow the parent.

ngắt từ

  This text should wrap.

7 を使って

  This text should wrap.

8 と

  This text should wrap.

9 を設定することで、長い文字列がレイアウトを崩すのを防ぎます。ブラウザのサポート範囲を広げるために、より一般的な

  This text should overflow the parent.

0 の代わりに

  This text should overflow the parent.

1 を使用し、フレックスコンテナの問題を避けるために非推奨の

  This text should wrap.

9 を追加します。

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

  This text should wrap.

1

chuyển đổi văn bản

テキストの大文字・小文字化、capitalization クラスを利用できます。

Chữ thường

Văn bản viết hoa

CapiTaliZed văn bản

  This text should wrap.

2

  This text should overflow the parent.

3 は各単語の最初の文字だけを変更します。

Cỡ chữ

見出しクラス（例：

  This text should overflow the parent.

4–

  This text should overflow the parent.

5）は

  This text should overflow the parent.

6、

  This text should overflow the parent.

7、および

  This text should overflow the parent.

8を適用します. 下記の例は

  This text should overflow the parent.

6 を適用します。サイズは 見出し要素と一致しているので、数値を上げるとサイズが小さくなります。

văn bản fs-1

văn bản fs-2

văn bản fs-3

văn bản fs-4

văn bản fs-5

văn bản fs-6

  This text should wrap.

0

Sass マップの

  This text should wrap.

10を変更することで、利用可能な

  This text should overflow the parent.

6をカスタマイズすることができます。

  This text should wrap.

3

Trọng lượng phông chữ và chữ nghiêng

テキストの

  This text should overflow the parent.

7 や

  This text should wrap.

13 を変更できます。

  This text should wrap.

13 utilities は

  This text should wrap.

15と省略され、

  This text should overflow the parent.

7 utilities は

  This text should wrap.

17と省略されます。

Chữ in đậm

Văn bản có trọng lượng đậm hơn (so với phần tử gốc)

văn bản trọng lượng bình thường

Văn bản trọng lượng nhẹ

Văn bản có trọng lượng nhẹ hơn (so với phần tử gốc)

chữ nghiêng

Văn bản với kiểu phông chữ bình thường

  This text should wrap.

0

Chiều cao giữa các dòng

  This text should wrap.

18 ユーティリティで line-height を変更できます。

Đây là một đoạn văn dài được viết để cho thấy chiều cao của một phần tử bị ảnh hưởng như thế nào bởi các tiện ích của chúng tôi. Các lớp được áp dụng cho chính phần tử hoặc đôi khi là phần tử cha. Các lớp này có thể được tùy chỉnh khi cần với API tiện ích của chúng tôi

Làm cách nào để căn chỉnh văn bản trong Bootstrap?

Làm cách nào để tạo phản hồi văn bản trong Bootstrap 5?

Làm cách nào để đặt căn chỉnh trong Bootstrap?

Làm cách nào để căn chỉnh trung tâm div trong Bootstrap 5?