Xóa bài viết
Bạn có chắc chắn muốn xóa bài viết này không ?
Xóa bình luận
Bạn có chắc chắn muốn xóa bình luận này không ?
Ý nghĩa của grid class trong boostrap
Ý nghĩa của grid class trong boostrap
Điểm mạnh của boostrap chính là hệ thống grid và responsive UI rất mạnh.
Boostrap chủ yếu sử dụng class để marking về các loại grid size khác nhau.
Ví dụ
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
group
</div>
| Mobile(768px) | Tablet (768->992) | Desktop (992->1200) | Desktop (1200~) | |
|---|---|---|---|---|
| class | col-xs | col-sm | col-md | col-lg |
| grid behavior | dàn hàng dọc | dàn ngang, breakpoint dàn dọc | <- same | <- same |
Trong ví dụ trên thì thì group sẽ hiển thị full màn hình với mobile, với table nửa màn hình, với desktop cỡ lớn 1/4 màn hình
F4s 16-05-2016
Bình luận
{{ comment.user.name }}
Bỏ hay
Hay
Bài viết liên quan
1
2
Lời tựa Frontend nói chung và CSS nói riêng vẫn đang được phát triển liên tục. Ngoài những kiến thức cơ bản, bạn cũng nên cập nhật những kĩ thuật/...
20
10
Lời nói đầu Tuần trước mình đã bắt tay vào làm thử app theo ý tưởng clone chương trình "Ai là triệu phú" trên TV, với các chức năng cơ bản, chỉ sử...