Bootstrap: Các ví dụ

Template khởi đầu

Template này chỉ bao gồm CSS và Javascript đã biên dịch và một container.

Theme của Bootstrap

Tăng kinh nghiệm người dùng trực quan hơn.

Lưới

Gồm rất nhiều các ví dụ khác nhau về bố cục dạng lưới.

Jumbotron

Được xây dựng dựa trên các thành phần jumbotron và thanh điều hướng cùng với một hệ thống lưới cơ bản.

Jumbotron hẹp

Xây dựng nên nhiều trang tùy biến bằng cách thu hẹp container và jumbotron mặc định.

Thanh điều hướng

Template rất cơ bản bao gồm một thanh điều hướng cùng với một chút nội dung.

Thanh điều hướng không cố định (static-top)

Template rất cơ bản bao gồm một thanh điều hướng static-top với một chút nội dung.

Thanh điều hướng cố định

Template rất cơ bản bao gồm một thanh điều hướng cố định với một chút nội dung.

Cover

Một template dạng one-page được sử dụng đẻ xây dựng nên những trang chủ đơn giản mà đẹp mắt.

Carousel

Tùy biến thanh điều hướng và carousel và kết hợp với một số thành phần mới khác.

Blog

Bố cục 2 cột đơn giản của blog với thanh điều hướng, header và type đã được tùy biến.

Bảng điều khiển

Cấu trúc cơ bản của bảng điều khiển cho admin với thanh điều hướng và sidebar cố định.

Trang đăng nhập

Thay đổi thiết kế và bố cục của form để tạo ra một form đăng nhập đơn giản.

Thanh điều hướng căn đều

Tạo ra một thanh điều hướng với các thành phần được căn đều. Hãy tham khảo Không cần quá thân thiện với WebKit.

Sticky footer

Gắn chặt footer vào phía dưới cùng của khung nhìn khi nội dung hiển thị quá ngắn.

Sticky footer và thanh điều hướng

Gắn chặt footer vào phía dưới cùng với thanh điều hướng cố định bên trên của khung nhìn.

Bootstrap không responsive

Bạn có thể dễ dàng vô hiệu hóa khả năng responsive của Bootstrap bằng cách tham khảo tài liệu của chúng tôi ở đây.

Offcanvas

Xây dựng nên một menu điều hướng dạng đóng/mở off-canvas để sử dụng.

Hệ thống cột có chiều cao bằng nhau của lưới

Thêm hệ thống cột có chiều cao bằng nhau vào hệ thống lưới hiện tại của Bootstrap.