Chuyển đến nội dung chính

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.

Đoạn mã

Các mẫu phổ biến để xây dựng các trang web và ứng dụng dựa trên các thành phần và tiện ích hiện có với CSS tùy chỉnh và hơn thế nữa.

Tiêu đề

Hiển thị thương hiệu, điều hướng, tìm kiếm của bạn và hơn thế nữa với các thành phần tiêu đề này

Anh hùng

Đặt sân khấu trên trang chủ của bạn với những anh hùng có lời kêu gọi hành động rõ ràng.

Đặc trưng

Giải thích các tính năng, lợi ích hoặc các chi tiết khác trong nội dung tiếp thị của bạn.

Sidebars

Các mẫu điều hướng chung lý tưởng cho các bố cục offcanvas hoặc nhiều cột.

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.

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 giá

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

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.

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.

Trải ra

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

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.

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.

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.

Đă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.

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.

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.

Jumbotron

Sử dụng các tiện ích để tạo lại và nâng cao jumbotron của Bootstrap 4.

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.

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.

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.

Cheatsheet

Chậu rửa bát linh kiện Bootstrap.

Cheatsheet RTL

Chậu rửa bát linh kiện Bootstrap, RTL.

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.

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.

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.

Đã 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.

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.

Offcanvas navbar

Biến thanh điều hướng có thể mở rộng của bạn thành một menu offcanvas trượt (không sử dụng thành phần offcanvas của chúng tôi).

RTL

Xem phiên bản RTL của Bootstrap đang hoạt động với các ví dụ về Thành phần tùy chỉnh được sửa đổi này.

Tính năng RTL vẫn đang thử nghiệm và có thể sẽ phát triển theo phản hồi của người dùng. Phát hiện một cái gì đó hoặc có một cải tiến để đề xuất? Mở một vấn đề , chúng tôi muốn có được thông tin chi tiết của bạn.

Anbom RTL

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

Kiểm tra RTL

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.

Băng chuyền RTL

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.

Blog RTL

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

Bảng điều khiển RTL

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.

Tích hợp

Tích hợp với các thư viện bên ngoài.

Nề

Kết hợp sức mạnh của lưới Bootstrap và bố cục Masonry.


Tiến xa hơn với Chủ đề Bootstrap

Cần một cái gì đó hơn những ví dụ này? Đưa Bootstrap lên cấp độ tiếp theo với các chủ đề cao cấp từ thị trường Chủ đề Bootstrap chính thức . Chúng được xây dựng dưới dạng các khuôn khổ mở rộng của riêng chúng, phong phú với các thành phần và plugin mới, tài liệu hướng dẫn và các công cụ xây dựng mạnh mẽ.

Duyệt qua các chủ đề
Chủ đề Bootstrap