Chuyển đến nội dung chính
Có một phiên bản mới hơn của Bootstrap 4!

Các ví dụ

Nhanh chóng bắt đầu một dự án với bất kỳ ví dụ nào của chúng tôi, từ việc sử dụng các phần của khuôn khổ đến các thành phần và bố cục tùy chỉnh.

Tải xuống mã nguồn

Các thành phần tùy chỉnh

Các thành phần và mẫu hoàn toàn mới để giúp mọi người nhanh chóng bắt đầu với Bootstrap và chứng minh các phương pháp hay nhất để thêm vào khung.

Ảnh chụp màn hình album
Album

Mẫu một trang đơn giản cho thư viện ảnh, danh mục đầu tư và hơn thế nữa.

Ảnh chụp màn hình định giá
Định giá

Trang định giá mẫu được tạo bằng Thẻ và có đầu trang và chân trang tùy chỉnh.

Ảnh chụp màn hình thanh toán
Thủ tục thanh toán

Biểu mẫu kiểm tra tùy chỉnh hiển thị các thành phần biểu mẫu của chúng tôi và các tính năng xác thực của chúng.

Ảnh chụp màn hình sản phẩm
Sản phẩm

Lean trang tiếp thị tập trung vào sản phẩm với lưới và hình ảnh mở rộng.

Ảnh chụp màn hình bìa
Trải ra

Mẫu một trang để xây dựng các trang chủ đơn giản và đẹp mắt.

Ảnh chụp màn hình băng chuyền
Băng chuyền

Tùy chỉnh thanh điều hướng và băng chuyền, sau đó thêm một số thành phần mới.

Ảnh chụp màn hình blog
Blog

Tạp chí giống như mẫu blog với tiêu đề, điều hướng, nội dung nổi bật.

Ảnh chụp màn hình trang tổng quan
bảng điều khiển

Vỏ bảng điều khiển quản trị cơ bản với thanh bên và thanh điều hướng cố định.

Ảnh chụp màn hình đăng nhập
Đăng nhập

Bố cục và thiết kế biểu mẫu tùy chỉnh cho một dấu hiệu đơn giản trong biểu mẫu.

Ảnh chụp màn hình chân trang dính
Chân trang dính

Đính kèm chân trang vào cuối khung nhìn khi nội dung trang ngắn.

Ảnh chụp màn hình thanh điều hướng chân trang dính
Thanh điều hướng chân trang dính

Đính kèm chân trang vào cuối khung nhìn bằng một thanh điều hướng trên cùng cố định.

Khuôn khổ

Ví dụ tập trung vào việc triển khai sử dụng các thành phần tích hợp được cung cấp bởi Bootstrap.

Ảnh chụp màn hình mẫu dành cho người mới bắt đầu
Mẫu dành cho người mới bắt đầu

Không có gì ngoài những điều cơ bản: CSS và JavaScript đã biên dịch.

Ảnh chụp màn hình lưới
Lưới điện

Nhiều ví dụ về bố cục lưới với tất cả bốn lớp, lồng nhau và hơn thế nữa.

Ảnh chụp màn hình Jumbotron
Jumbotron

Xây dựng xung quanh jumbotron bằng thanh điều hướng và một số cột lưới cơ bản.

Lấy thành phần thanh điều hướng mặc định và hiển thị cách nó có thể được di chuyển, đặt và mở rộng.

Ảnh chụp màn hình Navbars
Navbars

Trình diễn tất cả các tùy chọn đáp ứng và vùng chứa cho thanh điều hướng.

Ảnh chụp màn hình tĩnh của thanh điều hướng
Thanh điều hướng tĩnh

Ví dụ về thanh điều hướng đơn về thanh điều hướng trên cùng tĩnh cùng với một số nội dung bổ sung.

Ảnh chụp màn hình cố định trên thanh điều hướng
Đã sửa thanh điều hướng

Ví dụ về thanh điều hướng đơn với thanh điều hướng trên cùng cố định cùng với một số nội dung bổ sung.

Ảnh chụp màn hình dưới cùng của thanh điều hướng
Dưới cùng của thanh điều hướng

Ví dụ về thanh điều hướng đơn với thanh điều hướng dưới cùng cùng với một số nội dung bổ sung.

Thí nghiệm

Ví dụ tập trung vào các tính năng hoặc kỹ thuật thân thiện với tương lai.

Ảnh chụp màn hình nhãn nổi
Nhãn nổi

Các biểu mẫu đơn giản đẹp mắt với các nhãn nổi trên đầu vào của bạn.

Ảnh chụp màn hình Offcanvas
Offcanvas

Biến thanh điều hướng có thể mở rộng của bạn thành một menu offcanvas trượt.