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">

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/.

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

  • HTML/CSS
  • May 2, 2012
  • 0 comment
  • 56 views

Recent posts

OnePlus 13 có thể ‘vượt mặt’ Google và Samsung nhờ viên pin khổng lồ

OnePlus 13 có thể ‘vượt mặt’ Google và Samsung nhờ viên pin khổng lồ

OnePlus 13 sắp ra mắt vào cuối tháng 10 được trang bị viên pin dung lượng lớn, sạc nhanh 100W. […]

Những hình ảnh không nên lưu trên điện thoại

Những hình ảnh không nên lưu trên điện thoại

Có một số chuyên gia cảnh báo rằng, dù cho điện thoại di động của bạn có dung lượng lớn, […]

iPhone 16 Pro gặp vấn đề về màn hình khiến người dùng khó chịu

iPhone 16 Pro gặp vấn đề về màn hình khiến người dùng khó chịu

iPhone 16 Pro đã bắt đầu đến tay những người mua đầu tiên vào thứ Sáu tuần trước và những […]

Hơn 11 triệu thiết bị Android nhiễm phần mềm độc hại từ Wuata Camera trong Google Play

Hơn 11 triệu thiết bị Android nhiễm phần mềm độc hại từ Wuata Camera trong Google Play

Những ứng dụng này đã thu hút hơn 11 triệu lượt tải xuống. Người dùng cần nhanh chóng gỡ bỏ […]

Google Chrome sẽ dịch các trang web phức tạp theo thời gian thực

Google Chrome sẽ dịch các trang web phức tạp theo thời gian thực

Google đang thử nghiệm một API mới sử dụng các mô hình học máy để trình duyệt Chrome dịch thuật […]

© 2021 Tạp Chí CNTT. Mr Hoang