DAT007 KÍNH CHÚC CÁC BẠN THÀNH CÔNG TRONG CÔNG VIỆC

*
*
*
*

Bố trí 2-3-4 cột cho website

Bố cục 2 cột 3 cột 4 cột cho website
2 Cột
Nội_dung_cột_1
aassssssss
Nội_dung_cột_2
bbbbbbbbnnbn

3 Cột
Nội_dung_cột_1
aassssssss
Nội_dung_cột_2
bbbbbbbbnnbn
Nội_dung_cột_3
ccccccccccvvhhhhh



4 Cột
Nội_dung_cột_1
aassssssss
Nội_dung_cột_2
bbbbbbbbnnbn
Nội_dung_cột_3
ccccccccccvvhhhhh
Nội_dung_cột_4
ccccccccccvvhhhhh


Bố cục cột đáp ứng mọi trình duyệt
Chạm vào để copy

Tự chia cột trên giao điện lớn nhỏ

Header

Mẹo: Để tạo bố cục 2 cột, hãy thay đổi chiều rộng thành 50%. Để tạo bố cục 4 cột, sử dụng 25%, v.v..

Cột 1

Chúng tôi sẽ thay các cột cho các trình duyệt lớn nhỏ điện thoại máy tính nó sẽ tự sắp xếp.

Cột 2

1 cột (thường được sử dụng cho trình duyệt di động) 2 cột (thường được sử dụng cho máy tính bảng và máy tính xách tay) Bố cục 3 cột (chỉ được sử dụng cho máy tính để bàn):

Cột 3

Mẹo: Để tạo bố cục 2 cột, hãy thay đổi chiều rộng thành 50%. Để tạo bố cục 4 cột, sử dụng 25%, v.v..

Chạm vào để copy


Thay đổi kích thước cửa sổ trình duyệt để xem hiệu ứng đáp ứng (các cột sẽ sắp xếp bố trí lại từ 4 lên 2 trên màn hình rộng ít hơn 900px) Tuy nhiên , trên các màn hình có chiều rộng dưới 600px, các cột sẽ xếp chồng lên nhau trên mỗi khác thay vì nổi bên cạnh nhau

Cot 1

Some text..

Column 1

Some text..

Cot 2

Some text..

Cot 3

Some text..

Cot 4

Some text..