Tạo đối tượng Grid

0
6



Class “grid” giúp chúng ta chứa nội dung chính hoặc các thành phần chính trên layout website.

Grid được tạo dựng linh động, có thể sử dụng cho trường hợp (full-width) với class “grid” (tượng tự class “container-fluid” trong bootstrap). Và khi muốn sử dụng 1200px Grid system 12 columns các bạn có thể sử dụng 2 class là “grid wide” (tương tự như class “container” trong bootstrap).

Grid tự động thay đổi chiều rộng trên các thiết bị khác nhau. Để đơn giản hóa việc tạo responsive layout với grid system – ở đây, mình sẽ handle việc tự động thay đổi chiều rộng của “grid” với 3 breakpoints.

Chi tiết hơn, mời các bạn xem video.

🔥 Hãy chia sẻ các khóa học, vì ngoài kia có rất nhiều người đang cần nó ❤️
🔥 Truy cập (miễn phí) để quản lý được tiến độ học của bạn. Trong tương lai còn giúp bạn có hồ sơ đẹp trong mắt Nhà Tuyển Dụng.
🔥 Tham gia nhóm Học lập trình tại F8 trên Facebook:

#hoclaptrinh #mienphi #frontend #backend #devops
—————————————
HỌC LẬP TRÌNH MIỄN PHÍ
1. Khóa Javascript cơ bản:
2. Khóa HTML, CSS:
3. Khóa Responsive web design:
—————————————
LIÊN KẾT HỮU ÍCH
1. Học lập trình:
2. Viết CV xin việc:
———————————————————–
LIÊN HỆ
1. Facebook:
2. Email: sondnf8@gmail.com

Yêu các bạn ❤️

Nguồn: https://bieumau.net

Xem thêm bài viết khác: https://bieumau.net/game/

LEAVE A REPLY

Please enter your comment!
Please enter your name here