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

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