Twitter Bootstrap – Bộ công cụ CSS từTwitter

Bộ công cụ Twitter Bootstrap được tạo bởi Twitter giúp bạn làm CSS nhanh hơn khi bắt đầu phát triển một website mới.

IMG

Twitter Bootstrap bao gồm các mã CSS + HTML cơ bản cho typography, forms, buttons, tables, grids, navigation, và nhiều thành phần khác của website.

Twitter Bootstrap cung cấp lưới cố định (fixed) rộng 940px và 16 cột. Tất nhiên là cũng có giải pháp cho việc dùng layout dạng động (fluid).

Style của các phần tử HTML trong Twitter Bootstrap khá đơn giản và thanh lịch. Ví dụ như phần đổ bóng trong input, highlight của bảng biểu, các mã CSS hiển thị cảnh báo, tabs, phân trang…

Cách sử dụng

Tất cả những gì bạn cần là thêm một file CSS vào header của trang web:

<link rel=”stylesheet” href=”http://twitter.github.com/bootstrap/assets/css/bootstrap-1.0.0.min.css”&gt;

Sau đó hãy thử các thành phần như h1, h2, table, form… trên file html của bạn. Phần hướng dẫn chi tiết tên class, cách dụng grid bạn xem tại http://twitter.github.com/bootstrap/. Trong dự án (cho cá nhân) tới mình sẽ gắn Twitter Bootstrap để dùng thử (vì bộ công cụ này chưa hỗ trợ tất cả các phiên bản của IE)

Nếu bạn thích sử dụng Less (một cách xử lý CSS giúp phát triển web nhanh & dễ hơn) hơn là sử dụng CSS tĩnh bạn có thể xem thêm hướng dẫn trên trang chủ của Twitter Bootstrap

Advertisements

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s