Bootstrap 4 Default SettingsBootstrap 4 sử dụng mặc định Mặc định Ngoài ra, tất cả các thẻ <h1> - <h6>Bootstrap 4 styles lại các thẻ HTML headings ( Ví dụ
<h1>h1 Bootstrap heading (2.5rem = 40px)</h1>
<h2>h2 Bootstrap heading (2rem = 32px)</h2>
<h3>h3 Bootstrap heading (1.75rem = 28px)</h3>
<h4>h4 Bootstrap heading (1.5rem = 24px)</h4>
<h5>h5 Bootstrap heading (1.25rem = 20px)</h5>
<h6>h6 Bootstrap heading (1rem = 16px)</h6> h1 Bootstrap heading (2.5rem = 40px)h2 Bootstrap heading (2rem = 32px)h3 Bootstrap heading (1.75rem = 28px)h4 Bootstrap heading (1.5rem = 24px)h5 Bootstrap heading (1.25rem = 20px)h6 Bootstrap heading (1rem = 16px)Display HeadingsDisplay headings được sử dụng để nổi bật hơn headings bình thường (font-size lớn hơn và font-weight nhẹ hơn), và có 4 classes để chọn: Ví dụ
Display 1Display 2Display 3Display 4<small>Trong Bootstrap 4 thẻ Ví dụ
h1 heading secondary texth2 heading secondary texth3 heading secondary texth4 heading secondary texth5 heading secondary texth6 heading secondary text<mark>Bootstrap 4 có thẻ Ví dụ
Dùng thẻ mark để highlight chữ. <abbr>Bootstrap 4 có thẻ Ví dụ
WHO được thành lập năm 1948. <blockquote>Add class Ví dụ
<dl>Bootstrap 4 có thẻ Ví dụ
<code>Bootstrap 4 có thẻ Ví dụ
Các thẻ: <kbd>Bootstrap 4 có thẻ Ví dụ
Use ctrl + p to open the Print dialog box. <pre>Bootstrap 4 có thẻ Ví dụ
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks.
</pre>
|
Class | Mô tả | |
---|---|---|
.font-weight-bold | Bôi đậm chữ | |
.font-weight-bolder | Bolder text | |
.font-italic | Chữ in nghiêng | |
.font-weight-light | Chữ nhẹ | |
.font-weight-lighter | Chữ nhẹ hơn | |
.font-weight-normal | Chữ bình thường | |
.lead | Làm cho một đoạn văn nổi bật | |
.small | Làm chữ nhỏ (80% đối với kích thước parent) | |
.text-left | Chữ sang trái | |
.text-*-left | Chữ sang trái theo kích cỡ màn hình xs, sm, lg, xlarge | |
.text-break | Ngăn chặn văn bản dài từ phá vỡ bố cục | |
.text-center | Chữ vào giữa | |
.text-*-center | Chữ vào giữa theo kích cỡ màn hình xs, sm, lg, xlarge | |
.text-decoration-none | Bỏ gạch chân link | |
.text-right | Chữ sang phải | |
.text-*-right | Chữ sang phải theo kích cỡ màn hình xs, sm, lg, xlarge | |
.text-justify | Justified chữ | |
.text-monospace | Chữ monospaced | |
.text-nowrap | Chữ no wrap | |
.text-lowercase | Chữ lowercase | |
.text-reset | Reset màu chữ hoặc link (kế thừa màu sắc từ parent của nó) | |
.text-uppercase | Chữ uppercase | |
.text-capitalize | Chữ cái đầu viết hoa | |
.initialism | Hiển thị chữ trong thẻ <abbr> ở cỡ chữ nhỏ hơn một chút | |
.list-unstyled | Loại bỏ list-style mặc định và left margin ở list items (có tác dụng với <ul> và <ol> ). Class này chỉ áp dụng cho list items con của thẻ (để loại bỏ list-style mặc định trong bất cử nested lists - list items lồng nhau, hãy áp dụng class này đối với mọi nested lists - list item lồng nhau) | |
.list-inline | Đặt mọi list items vào một dòng duy nhất (dùng class .list-inline-item ở từng thẻ <li>) | |
.pre-scrollable | Khiến thẻ <pre> scrollable |
Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook
Thông Tin Liên Hệ
Công Ty Cổ Phần Công nghệ ZicZac Việt Nam.
Website: https://ziczacvn.com
SĐT: 096 - 70 25 996
Email: ziczacgroup@gmail.com
Thiết kế webiste chuyên nghiệp
Thiết kế phần mềm quản trị
Thiết kế ứng dụng Android
Thiết kế ứng dụng IOS
Thiết kế Web App
Hỗ trợ Digital Marketing
Hỗ trợ quảng cáo Google Ads
Hỗ trợ quảng cáo Facebook Ads
Hỗ trợ SEO Website