> For the complete documentation index, see [llms.txt](https://help.tempi.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.tempi.vn/cac-thanh-phan-co-ban-tren-tempi/hang.md).

# Hàng

Hướng dẫn chi tiết về cách chỉnh sửa và tạo kiểu cho Hàng trong trình kéo thả Website/Landing page

**Hàng** là khối cơ bản chính của việc xây dựng thiết kế trên Tempi. **Hàng** chứa các loại bố cục và tất cả các phần tử khác bên trong nó. Để bắt đầu thiết kế trang của mình, trước tiên bạn cần phải thêm **Bố cục** để có thể kéo các phần tử vào bên trong Hàng. 

## Cách thêm Hàng

**Bước 1:** Tại vị trí mà bạn muốn thêm phần tử, bấm chọn **Thêm bố cục hoặc khối được xây dựng sẵn.**

<div align="center"><figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FSjNGHr3opchlbyaLF1De%2FScreen%20Shot%202023-11-06%20at%2016.01.18.png?alt=media&amp;token=320d7c7e-b7e7-4ba1-9ea9-b378515b1c1b" alt="" width="464"><figcaption></figcaption></figure></div>

**Bước 2:** Chọn bố cục mà bạn mong muốn để tạo các khối bên trong hàng và kéo thả phần tử vào các khối tương ứng.

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FF9m2VDsZ11dVKO6qhTDq%2Fco%CC%A3%CC%82t1.png?alt=media&amp;token=611a2d4f-30d4-4ae1-bc42-04921182367b" alt=""><figcaption></figcaption></figure>

## Cài đặt Hàng

**Bước 1:** Di chuột vào hàng để hiển thị thanh cài đặt nằm ở góc phải của Hàng.

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FbPZdzKf1jV60IXnSZ9n7%2Fha%CC%80ng.png?alt=media&amp;token=2bff731e-ef17-4b19-97ee-ab5292766985" alt=""><figcaption></figcaption></figure>

**Bước 2:** Chỉnh sửa chung các khối trong Hàng.

*Hướng dẫn theo thứ tự hiển thị từ trái sang phải*

* **Chỉnh sửa bố cục Hàng:** Bạn có thể chọn nhanh bố cục có sẵn hoặc sửa bố cục thủ công theo đơn vị %
* **Di chuyển khối xuống dưới/lên trên:** Di chuyển khối xuống dưới hoặc lên trên mà không cần thiết kế lại
* **Ẩn/Hiện trên thiết bị:** Cài đặt để khối Ẩn/Hiện trên Máy tính/Điện thoại

  <img src="https://content.gitbook.com/content/DglCO8rEIFVkSznJMttD/blobs/PhgF2Kq8f45RaGlQe5p8/image.png" alt="" data-size="original">
* **Cấu hình hàng:** Chỉnh sửa kích thước nội dung/kiểu/hiệu ứng/nâng cao cho Hàng