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: 0 và margin-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
| 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]