Hướng dẫn font-size bootstrap 4 - bootstrap cỡ chữ 4


Bootstrap 4 Cài đặt mặc định

Bootstrap 4 sử dụng font-size mặc định là 16px và line-height của nó là 1,5.

Mặc định font-family là "Helvetica Neue", Helvetica, Arial, Sans-Serif.

Ngoài ra, tất cả các yếu tố

đều có margin-top: 0margin-bottom: 1rem (16px theo mặc định).


-

Bootstrap 4 Kiểu tiêu đề HTML (

đến ________ 7) & nbsp; Với trọng lượng phông chữ táo bạo hơn và tăng kích thước phông chữ:

Thí dụ

Tiêu đề H2 Bootstrap (2.5Rem = 40px)(2.5rem = 40px)

Tiêu đề H2 Bootstrap (2REM = 32px)(2rem = 32px)

Tiêu đề H3 Bootstrap (1.75Rem = 28px)(1.75rem = 28px)

Tiêu đề H4 Bootstrap (1.5REM = 24px)(1.5rem = 24px)

Tiêu đề H5 Bootstrap (1.25REM = 20px)(1.25rem = 20px)
Tiêu đề H6 Bootstrap (1Rem = 16px)(1rem = 16px)

Hãy tự mình thử »


Hiển thị tiêu đề

Các tiêu đề hiển thị được sử dụng để nổi bật hơn các tiêu đề bình thường (kích thước phông chữ lớn hơn và trọng lượng phông chữ nhẹ hơn), và có bốn lớp để lựa chọn từ: .display-1, .display-2, ____10, line-height1


Trong Bootstrap 4, phần tử HTML line-height2 được sử dụng để tạo một văn bản thứ cấp nhẹ hơn trong bất kỳ tiêu đề nào:

Thí dụ

Tiêu đề H2 Bootstrap (2.5Rem = 40px)

Tiêu đề H2 Bootstrap (2.5Rem = 40px)

Tiêu đề H2 Bootstrap (2REM = 32px)

Tiêu đề H3 Bootstrap (1.75Rem = 28px)

Tiêu đề H4 Bootstrap (1.5REM = 24px)
Tiêu đề H5 Bootstrap (1.25REM = 20px)

Hãy tự mình thử »



Trong Bootstrap 4, phần tử HTML line-height2 được sử dụng để tạo một văn bản thứ cấp nhẹ hơn trong bất kỳ tiêu đề nào:


Trong Bootstrap 4, phần tử HTML line-height2 được sử dụng để tạo một văn bản thứ cấp nhẹ hơn trong bất kỳ tiêu đề nào:


Trong Bootstrap 4, phần tử HTML line-height2 được sử dụng để tạo một văn bản thứ cấp nhẹ hơn trong bất kỳ tiêu đề nào:

Thí dụ

Tiêu đề H2 Bootstrap (2.5Rem = 40px)


Hãy tự mình thử »


Trong Bootstrap 4, phần tử HTML line-height2 được sử dụng để tạo một văn bản thứ cấp nhẹ hơn trong bất kỳ tiêu đề nào:


Trong Bootstrap 4, phần tử HTML line-height2 được sử dụng để tạo một văn bản thứ cấp nhẹ hơn trong bất kỳ tiêu đề nào:

Thí dụ

Tiêu đề H2 Bootstrap (2.5Rem = 40px)

Hãy tự mình thử »


Trong Bootstrap 4, phần tử HTML line-height2 được sử dụng để tạo một văn bản thứ cấp nhẹ hơn trong bất kỳ tiêu đề nào:


Trong Bootstrap 4, phần tử HTML line-height2 được sử dụng để tạo một văn bản thứ cấp nhẹ hơn trong bất kỳ tiêu đề nào:

Thí dụ

Tiêu đề H2 Bootstrap (2.5Rem = 40px)
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks.

Hãy tự mình thử »


Hiển thị tiêu đề

Các tiêu đề hiển thị được sử dụng để nổi bật hơn các tiêu đề bình thường (kích thước phông chữ lớn hơn và trọng lượng phông chữ nhẹ hơn), và có bốn lớp để lựa chọn từ: .display-1, .display-2, ____10, line-height1

ClassTrong Bootstrap 4, phần tử HTML line-height2 được sử dụng để tạo một văn bản thứ cấp nhẹ hơn trong bất kỳ tiêu đề nào:Thí dụ
Tiêu đề H2 Bootstrap (2.5Rem = 40px)Tiêu đề H2 Bootstrap (2REM = 32px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)
Tiêu đề H4 Bootstrap (1.5REM = 24px)Tiêu đề H5 Bootstrap (1.25REM = 20px)Tiêu đề H3 Bootstrap (1.75Rem = 28px)

Tiêu đề H4 Bootstrap (1.5REM = 24px)

Tiêu đề H5 Bootstrap (1.25REM = 20px)