Cài đặt mặc định của Bootstrap
Kích thước phông chữ mặc định toàn cầu của Bootstrap là 14px, với chiều cao dòng là 1.428.
Điều này được áp dụng cho phần tử và tất cả các đoạn [
].
Ngoài ra, tất cả các phần tử đều có lề dưới cùng bằng một nửa độ cao dòng tính toán của chúng [10px theo mặc định].
Bootstrap so với mặc định trình duyệt
Trong chương này, chúng tôi sẽ xem xét một số yếu tố HTML sẽ được tạo kiểu một chút khác biệt bởi Bootstrap so với mặc định trình duyệt.
-
Theo mặc định, Bootstrap sẽ tạo kiểu cho các tiêu đề HTML [ đến
] theo cách sau:
Thí dụ
Tiêu đề H2 Bootstrap [36px]
Tiêu đề H2 Bootstrap [30px]
Tiêu đề H3 Bootstrap [24px]
Tiêu đề H4 Bootstrap [18px]
Tiêu đề H5 Bootstrap [14px]Tiêu đề H6 Bootstrap [12px]Hãy tự mình thử »
Trong Bootstrap, phần tử HTML đượ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 [36px]
Tiêu đề H2 Bootstrap [36px]
Tiêu đề H2 Bootstrap [30px]
Tiêu đề H3 Bootstrap [24px]
Tiêu đề H4 Bootstrap [18px]Tiêu đề H5 Bootstrap [14px]Hãy tự mình thử »
Trong Bootstrap, phần tử HTML đượ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, phần tử HTML đượ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, phần tử HTML đượ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 [36px]
Hãy tự mình thử »
To show
the quote on the right, use the 0 class:
Thí dụ
Tiêu đề H2 Bootstrap [36px]
Hãy tự mình thử »
Trong Bootstrap, phần tử HTML đượ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, phần tử HTML đượ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 [36px]
Hãy tự mình thử »
Trong Bootstrap, phần tử HTML đượ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, phần tử HTML đượ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ụ
Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks.
Hãy tự mình thử »
Contextual Colors and Backgrounds
Trong Bootstrap, phần tử HTML đượ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:
H2 tiêu đề văn bản thứ cấp
Thí dụ
Tiêu đề H2 Bootstrap [36px]
Tiêu đề H2 Bootstrap [30px]
Tiêu đề H3 Bootstrap [24px]
Tiêu đề H4 Bootstrap [18px]
Tiêu đề H5 Bootstrap [14px]
Tiêu đề H6 Bootstrap [12px]
Hãy tự mình thử »
The classes for background
colors are:4,
5,
6,
7, and
8:
Thí dụ
Tiêu đề H2 Bootstrap [30px]
Tiêu đề H3 Bootstrap [24px]
Tiêu đề H4 Bootstrap [18px]
Tiêu đề H5 Bootstrap [14px]
Tiêu đề H6 Bootstrap [12px]
Hãy tự mình thử »
More Typography Classes
Trong Bootstrap, phần tử HTML đượ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:
Tiêu đề H2 Bootstrap [36px] | Tiêu đề H2 Bootstrap [30px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px] | Tiêu đề H5 Bootstrap [14px] | Tiêu đề H3 Bootstrap [24px] |
Tiêu đề H4 Bootstrap [18px]
Tiêu đề H5 Bootstrap [14px]
Tiêu đề H6 Bootstrap [12px]
Kích thước phông chữ của bootstrap là gì?
].