CSS

Ở bài học này chúng ta sẽ tìm hiểu về các lớp CSS và cấu trúc của phần tử HTML trong khung làm việc Twitter Bootstrap.

Thẻ Đề Mục

Các thẻ đề mục của trang được đánh dấu sử dụng các thẻ <h1> tới <h6>. Ngoài ra chúng ta cũng có thể sử dụng các tên lớp từ .h1 cho tới .h6 tương ứng.

Bootstrap heading h1 tag
Bootstrap heading h1 tag

Chạy

Canh Ngang

Để canh ngang chúng ta có thể sử dụng các lớp CSS tương ứng như sau:

Left aligned text.

Center aligned text.

Right aligned text.

Justified text.

No wrap text.

Chạy

Text Transform

Sử dụng text-lowercase, text-uppercasetext-capitalize để chuyển đổi ký tự thành in thường, in hoa và in hoa chữ cái đầu.

Lowercased text.

Uppercased text.

Capitalized text.

Chạy

Blockquote

Sử dụng thẻ <blockqute> để tạo một trích dẫn và các thẻ <footer><cite> để trích dẫn nguồn.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Chạy

Bảng

Khi tạo bảng chúng ta cần thêm tên lớp .table vào thẻ ở <table class="table">. Ngoài ra bạn có thể thêm một chú thích tuỳ ý với thẻ <caption>.

Chú thích (tuỳ chọn)
First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Chạy

Twitter Bootstrap
Thêm Bình Luận: