Bootstrap - Mẫu Demo

Bố cục biểu mẫu

Bootstrap cung cấp cho bạn các loại bố cục biểu mẫu sau:

• Dạng dọc (mặc định)
• Mẫu nội tuyến
• Dạng ngang

Dạng dọc hoặc dạng cơ bản

Cấu trúc biểu mẫu cơ bản đi kèm với Bootstrap; các điều khiển biểu mẫu riêng lẻ tự động nhận một số kiểu chung. Để tạo một biểu mẫu cơ bản, hãy làm như sau:

• Thêm một biểu mẫu vai trò vào phần tử <form> chính.

• Gói các nhãn và điều khiển trong một <div> với lớp .form-group . Điều này là cần thiết để có khoảng cách tối ưu.

• Thêm một lớp .form-control vào tất cả các phần tử <input>, < textareosystem và <select> văn bản.

Mẫu nội tuyến

Để tạo một biểu mẫu trong đó tất cả các phần tử đều nằm trong dòng, căn trái và các nhãn nằm dọc, hãy thêm lớp .form-inline vào thẻ <form>.

Dạng ngang

Biểu mẫu nằm ngang khác biệt so với những biểu mẫu khác không chỉ ở số lượng đánh dấu mà còn ở cách trình bày biểu mẫu. Để tạo biểu mẫu sử dụng bố cục ngang, hãy làm như sau:

• Thêm một lớp .form-ngang vào phần tử <form> chính.

• Gói các nhãn và điều khiển trong một <div> với lớp .form-group .

• Thêm một lớp .control-label vào các nhãn.

Thí dụ	Sự miêu tả	Liên kết tải xuống
Trang đăng nhập	Ví dụ này cho biết về cấu trúc trang đăng nhập trong Bootstrap	Tải xuống
Trang liên lạc	Ví dụ này chỉ ra về cấu trúc trang Liên hệ trong Bootstrap	Tải xuống
Trang đăng ký	Ví dụ này chỉ ra về cấu trúc trang Đăng ký trong Bootstrap	Tải xuống