Đ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.
Chân trang
Hoàn thành mọi trang mạnh mẽ với một chân trang tuyệt vời, dù lớn hay nhỏ.
Trình đơn thả xuống
Nâng cao trình đơn thả xuống của bạn với các bộ lọc, biểu tượng, kiểu tùy chỉnh và hơn thế nữa.
Liệt kê các nhóm
Mở rộng nhóm danh sách với các tiện ích và kiểu tùy chỉnh cho bất kỳ nội dung nào.
Phương thức
Chuyển đổi các phương thức để phục vụ bất kỳ mục đích nào, từ tham quan tính năng đến hộp thoại.
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.
Navbars
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.
Navbars offcanvas
Tương tự như ví dụ Navbars, nhưng với thành phần offcanvas của chúng tôi.
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.
RTL vẫn đang thử nghiệm và sẽ phát triển với phản hồi. Phát hiện một cái gì đó hoặc có một cải tiến để đề xuất?
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 như 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ủ đề