Ý nghĩa của grid class trong boostrap

TIL

633

Bootstrap

8

CSS

40

F4s viết ngày 16/05/2016

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

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