Họ phông chữ mặc định bootstrap 5 là gì?

Trang này hiển thị cách hiển thị các thành phần văn bản nhất định khi sử dụng Bootstrap (thường không sử dụng bất kỳ lớp nào). Nói chung, bất kỳ trang nào liên kết đến biểu định kiểu Bootstrap 3 sẽ hiển thị các phần tử này theo cùng một cách (trừ khi bị các kiểu khác ghi đè)

Bài kiểm tra cơ thể

Mặc định toàn cầu của Bootstrap font-size là 14px và line-height của nó là 1.42857143. Điều này được áp dụng cho phần tử và tất cả các đoạn văn

font-family mặc định là "Helvetica Neue", Helvetica, Arial, sans-serif

Ngoài ra, các phần tử

có lề dưới bằng một nửa chiều cao dòng được tính toán của chúng (10px theo mặc định)

Như với bất kỳ yếu tố nào khác, bạn hoàn toàn tự do thay đổi bất kỳ giá trị nào trong số này

tiêu đề

Các tiêu đề có trọng lượng phông chữ là 500, chiều cao dòng là 1.1 và chúng kế thừa họ phông chữ và màu sắc. Các tiêu đề cũng có một số lề trên và dưới được áp dụng

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Tiêu đề lớp học

Bootstrap cũng bao gồm các lớp tiêu đề từ 14px0 đến 14px1 trong trường hợp bạn cần hiển thị một số văn bản nội tuyến theo kiểu của một tiêu đề cụ thể

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

tiêu đề phụ

Bạn có thể tạo tiêu đề phụ hoặc văn bản phụ bằng cách đặt văn bản bên trong phần tử 14px2 trong tiêu đề

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Văn bản được đánh dấu

Phần tử HTML 14px3 đại diện cho văn bản được đánh dấu hoặc tô sáng cho mục đích tham khảo, do tính liên quan của nó trong ngữ cảnh khác

Đây là một ví dụ về kết xuất phần tử này của Bootstrap

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

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

Bootstrap bao gồm các lớp được tạo riêng cho mục đích căn chỉnh văn bản

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Các lớp chuyển đổi văn bản

Bootstrap bao gồm các lớp được tạo riêng cho mục đích chuyển đổi văn bản

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Các từ viết tắt

Trong HTML, 14px4 đại diện cho một từ viết tắt hoặc từ viết tắt. Thuộc tính 14px5 có thể được sử dụng để cung cấp phần mở rộng của từ viết tắt

Trong Bootstrap, các chữ viết tắt có thuộc tính 14px5 được hiển thị với đường viền dưới cùng có chấm sáng và con trỏ trợ giúp khi di chuột

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

chủ nghĩa ban đầu

Bạn có thể thêm lớp Bootstrap 14px7 để hiển thị từ viết tắt với cỡ chữ nhỏ hơn một chút

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

trích dẫn khối

Blockquotes — Mặc định

Trong Bootstrap, phần tử 14px8 được hiển thị như sau

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Blockquotes — Nguồn

Bootstrap hiển thị các phần tử 14px9 và line-height0 được lồng bên trong phần tử 14px8 như thế này

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Blockquotes — Đảo ngược

Bạn có thể sử dụng lớp Bootstrap line-height2 để căn phải blockquote

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

danh sách

Bootstrap áp dụng nhiều kiểu khác nhau và có một số lớp dành riêng cho danh sách

Danh sách — Unstyled

Bạn có thể sử dụng lớp Bootstrap line-height3 để hiển thị danh sách mà không có line-height4 và line-height5 mặc định của chúng

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Danh sách — Nội tuyến

Bạn có thể sử dụng lớp Bootstrap line-height6 để hiển thị danh sách dưới dạng line-height7 và áp dụng một số phần đệm

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Danh sách mô tả

Trong Bootstrap, danh sách mô tả được hiển thị như thế này

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Danh sách mô tả — Ngang

Bạn có thể sắp xếp các thuật ngữ và mô tả theo chiều ngang bằng cách thêm lớp line-height8 của Bootstrap

Lưu ý rằng điều này chỉ hoạt động khi chế độ xem rộng hơn. Nếu bạn không thấy bất kỳ sự khác biệt nào giữa cách hiển thị ví dụ này và ví dụ trước, bạn có thể mở bản xem trước trong một cửa sổ mới. Nếu nó vẫn không xuất hiện bất kỳ sự khác biệt nào, bạn có thể cần sử dụng một thiết bị lớn hơn để xem ví dụ này

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Mã số

Trong Bootstrap, phần tử line-height9 được hiển thị như thế này

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Đầu vào bàn phím

Trong Bootstrap, phần tử 1.428571430 được hiển thị như thế này

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Văn bản được định dạng trước

Trong Bootstrap, phần tử 1.428571431 được hiển thị như thế này

Chạy

Trình chỉnh sửa ngăn xếp Trình chỉnh sửa ngăn xếp

Xem trước trình chỉnh sửa

Bạn cũng có thể thêm lớp 1.428571432 của Bootstrap để đặt 1.428571433 thành 350 pixel và đặt thanh cuộn trục y

Bootstrap có đi kèm với phông chữ không?

Họ phông chữ mặc định bootstrap là gì?

Họ phông chữ mặc định là gì?

Phông chữ mặc định toàn cầu bootstrap là gì