Hướng dẫn text underline bootstrap - bootstrap gạch dưới văn bản

Question

Tài liệu và ví dụ cho các tiện ích văn bản phổ biến để kiểm soát căn chỉnh, gói, trọng lượng, và nhiều hơn nữa.

Nội dung chính Show

Căn chỉnh văn bản
Văn bản gói và tràn
Chuyển đổi văn bản
Trọng lượng phông chữ và in nghiêng
Không gian đơn
Đặt lại màu sắc
Trang trí văn bản

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

Dễ dàng sắp xếp lại văn bản cho các thành phần với các lớp căn chỉnh văn bản.

Tham vọng lừa dối. Ngày mai rất nhiều sự phán xét của ớt là sự khởi động của bạn. Thật không may, nhưng ghét các hoạt động, Gas Gas Rhoncus bóng đá. Hơn nữa, cách của một điều nhất định, cái nào phổ biến. Nhưng chúng tôi ở đây để ở đây, những quả lê khát của người châu Phi. Họ yêu cầu sử dụng hội đồng của toàn bộ Pháp trong ngày thời gian quy định để chỉ ra. Ngày mai rất nhiều sự phán xét của ớt là sự khởi động của bạn.

 class="text-justify">Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.

Đối với căn chỉnh bên trái, phải và trung tâm, các lớp đáp ứng có sẵn sử dụng cùng một điểm dừng chiều rộng chế độ xem như hệ thống lưới.

Văn bản căn chỉnh trái trên tất cả các kích thước chế độ xem.

Trung tâm căn chỉnh văn bản trên tất cả các kích thước chế độ xem.

Đúng văn bản trên tất cả các kích thước chế độ xem.

Văn bản căn chỉnh trái trên sm có kích thước viewports (nhỏ) hoặc rộng hơn.

Văn bản được căn chỉnh trái trên MD có kích thước visports (trung bình) hoặc rộng hơn.

Văn bản căn chỉnh trái trên LG có kích thước visports (lớn) hoặc rộng hơn.

Văn bản căn chỉnh trái trên chế độ xem có kích thước 40 (cực lớn) hoặc rộng hơn.

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.

 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

Văn bản gói và tràn

Bao bọc văn bản với một lớp

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.
 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

0.

 class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.

Ngăn chặn văn bản kết thúc bằng một lớp

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.
 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

1.

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

 class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.

Để có nội dung dài hơn, bạn có thể thêm một lớp

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.
 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

2 để cắt ngắn văn bản bằng hình elip. Yêu cầu

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.

 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

3 hoặc

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.

 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

4.Requires
class="text-left">Left aligned text on all viewport sizes. class="text-center">Center aligned text on all viewport sizes. class="text-right">Right aligned text on all viewport sizes. class="text-sm-left">Left aligned text on viewports sized SM (small) or wider. class="text-md-left">Left aligned text on viewports sized MD (medium) or wider. class="text-lg-left">Left aligned text on viewports sized LG (large) or wider. class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.
3 or
class="text-left">Left aligned text on all viewport sizes. class="text-center">Center aligned text on all viewport sizes. class="text-right">Right aligned text on all viewport sizes. class="text-sm-left">Left aligned text on viewports sized SM (small) or wider. class="text-md-left">Left aligned text on viewports sized MD (medium) or wider. class="text-lg-left">Left aligned text on viewports sized LG (large) or wider. class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.
4.

Hơn nữa, cách của một điều nhất định, cái nào phổ biến.


 class="row">
   class="col-2 text-truncate">
    Praeterea iter est quasdam res quas ex communi.
  


 class="d-inline-block text-truncate" style="max-width: 150px;">
Praeterea iter est quasdam res quas ex communi.

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

Chuyển đổi văn bản trong các thành phần với các lớp viết hoa văn bản.

Văn bản hạ thấp.

Văn bản trên nền.

Văn bản viết hoa.

 class="text-lowercase">Lowercased text.
 class="text-uppercase">Uppercased text.
 class="text-capitalize">CapiTaliZed text.

Lưu ý cách

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.
 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

5 chỉ thay đổi chữ cái đầu tiên của mỗi từ, để lại trường hợp của bất kỳ chữ cái nào khác không bị ảnh hưởng.

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

Nhanh chóng thay đổi trọng lượng (độ táo bạo) của văn bản hoặc in nghiêng văn bản.

Chữ in đậm.

Văn bản trọng lượng táo bạo hơn (liên quan đến phần tử cha).

Văn bản cân nặng bình thường.

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

Văn bản trọng lượng nhẹ hơn (liên quan đến phần tử cha).

Văn bản in nghiêng.

 class="font-weight-bold">Bold text.
 class="font-weight-bolder">Bolder weight text (relative to the parent element).
 class="font-weight-normal">Normal weight text.
 class="font-weight-light">Light weight text.
 class="font-weight-lighter">Lighter weight text (relative to the parent element).
 class="font-italic">Italic text.

Không gian đơn

Thay đổi lựa chọn vào ngăn xếp phông chữ đơn vị của chúng tôi với

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.
 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

6.

Đây là trong không gian đơn sắc

 class="text-monospace">This is in monospace

Đặt lại màu sắc

Đặt lại một văn bản hoặc màu liên kết với

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.
 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

7, để nó kế thừa màu từ cha mẹ của nó.

 class="text-muted">
  Muted text with a  href="#" class="text-reset">reset link.

Trang trí văn bản

Xóa trang trí văn bản với lớp

 class="text-left">Left aligned text on all viewport sizes.
 class="text-center">Center aligned text on all viewport sizes.
 class="text-right">Right aligned text on all viewport sizes.
 class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.
 class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.
 class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.
 class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.

8.

 href="#" class="text-decoration-none">Non-underlined link

programming bootstrap Text underline Bootstrap Font-size Bootstrap Bootstrap text bold Text-align center bootstrap Bootstrap text color Set font-size Bootstrap

Hướng dẫn text underline bootstrap - bootstrap gạch dưới văn bản

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

Văn bản gói và tràn

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

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

Không gian đơn

Đặt lại màu sắc

Trang trí văn bản

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội