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
0
2
fCC: Technical Documentation Page note So I have finished the HTML part of this exercise and I want to come here to lament about the lengthy HTML ...