 | Bài viết này chúng ta sẽ tìm hiểu về cách trình bày Text/Typography bằng Bootstrap, nếu bạn chư biết Typography là gì? bạn có thể tham khảo thêm bài viết Typography là gì? |
Bootstrap's Default Setting -Thiết lập mặc định của Bootstrap's
Bootstrap's toàn cục mặc địch font-size là 14px, với line-height là 1.428
Điều này áp dụng cho thẻ <body> và tất các đoạn văn.
Thêm nữa, tất cả phần tử <p> có margin-bottom sẽ được tính bằng một của của line-height (với 10px là mặc định)
Bootstrap và Browser Defaults
Trong chương này, chúng ta sẽ chú ý một vài phần tử HTML có một chút sự khác biệt giữ Bootstrap và mặc định của trình duyệt.
<h1> - <h6>
Theo mặc định HTML Headings sẽ có kiểu dáng như bên dưới:
<small>
Trong Bootstrap thẻ <small> thì được ùng để tạo một màu sáng cho đoạn văng bản thứ 2 trong bất kỳ Heding nào.
<mark>
Thẻ <mark> của Bootstrap sẽ có kiểu như dưới đây.
<abbr>
Thẻ <abbr> (abbr = abbreviation) trong Bootstrap được dùng để mô tả các từ viết tắt bằng cách khi con trỏ mouse di chuyển vào vị trí của từ viết tắt thì nội dung của từ đó sẽ được hiển thị thông qua một thông báo nhỏ màu vàng(tip), nó sẽ hiển thị như bên dưới.
<blockquote>
Bootstrap sẽ hiển thẻ HTML <blockquote> như bên dưới.
Để hiển thị dẫn chứng nằm về bên phải, sử dụng lớp .blockquote-reverse
<dl>
Bootstrap the HTML <dl> sẽ hiển thị như bên dưới.
<code>
Bootstrap sẽ hiển thị kiểu của thẻ HTML <code> như bên dưới.
<kbd>
Bootstrap sẽ hiển thị thẻ HTML <kbd> như bên dưới.
<pre>
Bootstrap sẽ hiển thị kiểu của thẻ <pre> như bên dưới.
Contextual Colors and Backgrounds - Ngữ Cảnh Màu Sắc và Nền.
Bootstrap cũng có một vài lớp theo ngữ cảnh, qua đó có để sử dụng dể biểu thị ý nghĩa thông qua màu sắc.
Các lớp văn bản màu sắc là: .text-muted, .text-primary, .text-success, .text-info, .text-warning, and .text-danger:
Các lớp nền màu sắc là: .bg-primary, .bg-success, bg-info, bg-warning, and .bg-danger:
No comments:
Post a Comment