====== Layout đang sử dụng trong giao diện mặc định của NukeViet 4.0 ======
===== Định nghĩa layout =====
Xem [[nukeviet4:concepts:layout|]]

NukeViet 4 sử dụng framework [[http://getbootstrap.com/|Bootstrap]] cho giao diện mặc định.
===== Các layout đang sử dụng trong giao diện mặc định của NukeViet 4.0 =====
Layout của NukeViet được xây dựng từ hệ thống [[http://getbootstrap.com/css/#grid|Grid system]] của bootstrap thông qua việc chỉnh sửa số cột của bootstrap trừ 12 lên 24.

Như vậy có thể giải thích ngắn gọn về số cột như sau: Đem chia chiều rộng của trang web (chiều rộng này đối với giao diện mặc định do class ''.container'' quyết đinh và tùy thuộc vào kiểu giao diện) thành 24 phần bằng nhau thì các cột trong giao diện mặc định sẽ chiếm độ rộng được mô tả ở bảng sau:


^ Tên layout ^ Số cột mà từng thành phần sẽ chiếm dụng ^ Ví dụ minh họa |
| Main  |  24  | {{ :programming4:theme:layout_main.png?200 |}} |
| Main - Left - Right |  13  -  6  -  5  | {{ :programming4:theme:layout_main-left-right.png?200 |}} |
| Main - Right |  18  -  6  | {{ :programming4:theme:layout_main_right.png?200 |}} |
| Left - Main |  6  -  18  | {{ :programming4:theme:layout_left_main.png?200 |}} |
| Left - Main - Right |  5  -  13  -  6  | {{ :programming4:theme:layout_left-main-right.png?200 |}} |
| Left - Right - Main |  5  -  6  -  13  | {{ :programming4:theme:layout_left-right-main.png?200 |}} |

> Lưu ý: Các cột trên sẽ chiếm độ rộng khác nhau tùy theo kích thước màn hình và kiểu giao diện. Xem thêm [[http://getbootstrap.com/css/#grid-options|Grid options]]

===== Cách thiết lập layout trong trang quản trị của NukeViet =====
  * [[nukeviet:admin:themes:setuplayout|Thiết lập layout cho giao diện]]
  * [[programming4:theme:items#cac_layout_thuờng_sử_dụng_trong_giao_diện|Các layout thường sử dụng trong giao diện]]