Columns - Cột

Cột là vùng chứa một mảng nội dung có thể bao gồm nhiều thành phần phần tử nội dung khác nhau, Bạn có thể tuỳ chỉnh độ rộng của cột, số cột trong hàng trên các màn hình hiển thị khác nhau, Cốt được kí hiệu là 3 gạch dọc với gạch giữa đậm thể hiện nộii dung với tiêu đề là "Cột" ở khung bố cục và tab màu cam ở khu vực chỉnh sửa giao diện.

Bên trong Cột sẽ bao gồm các thành phần nội dung hiển thị của website, Cột nằm ngay bên trong hàng để giúp phân chia bố cục. Một hàng được chia thành 12 cột là số lượng nhiều cột nhất của 1 hàng. Các cột sẽ tăng độ rộng tuỳ theo số cột được lựa chọn trong 12 cột. Nếu cột được thiết lập độ rộng là 12 tức là cột sẽ chiếm hết hàng, và hàng đó chỉ có một cột. Cột được thiết lập độ rộng là 6 tức là cột sẽ chiếm 1/2 hàng và hàng có thể có 2 cột hoặc hơn.

Thêm một Cột - Sắp xếp các Cột

Thông thường, khi bạn thêm Hàng mới, hệ thống sẽ xuất hiện mặc định 4 Cột trong hàng với chiều rộng mỗi cột là 3 - Bạn có thể tuỳ chỉnh số cột khi thay đổi chiều rộng cột.

Bạn cũng có thể thêm Cột vào Hàng bằng thao tác kéo thả cột từ thành phần component ở bố vào khu vực chỉnh sửa như kéo thả với Hàng

Khi kéo thả cột vào hàng, Cột cũng sẽ mặc đỉnh hiển thị với chiều rộng là 3

Tuỳ chỉnh chiều rộng Cột trên các màn hàng

Lựa chọn cột cần điều chỉnh bằng cách click vào tab vàng với chữ cột ngay bên trên, sau đó chọn chỉnh sửa (Icon hình giọt nữa bên thanh công cụ trên cùng bên trái) bạn sẽ thấy bảng điều khiển để thiết lập chiều rộng cột

Mở tab chiều rộng cột để thiết lập bạn sẽ thấy thiết lập chiều rộng Cột ở 3 màn hình Desktop, Tablet và Mobile. Mặc định sẽ tương ứng chiều rộng 3, 4, 12 tương đương với chiều rộng cột ở desktop là 3 - Mỗi hàng sẽ có 4 cột , chiều rộng Cột ở tablet là 4 - Mỗi hàng sẽ có 3 cột. Chiều rộng cột ở Mobile là 12 - Mỗi hàng sẽ chỉ có một cột.

Khi hiệu chỉnh cột, chiều rộng cột ở khu vực chỉnh sửa sẽ được thiết lậo, Bạn lưu ý tổng chiểu rộng các cột trên một hàng sẽ luôn là 12