Nổi trái trên tất cả các kích thước khung nhìn
Nổi trái trên khung nhìn có kích thước SM [nhỏ] hoặc rộng hơn
Nổi trái trên khung nhìn có kích thước MD [trung bình] hoặc rộng hơn
Nổi trái trên khung nhìn có kích thước LG [lớn] hoặc rộng hơn
Nổi trái trên khung nhìn có kích thước XL [cực lớn] hoặc rộng hơn
ClassHeadingHeadingDefaultCellCellPrimaryCellSecondaryCellCellSuccessCellCellDangerCellCellWarningCellInfoCellCellLightCellCellDarkCellCell
#FirstLastHandle1MarkOtto@mdo2JacobThornton@fat3Larry the Bird@twitter
đàn phong cầm
Tài liệuSản phẩm đàn accordion số 1
Đây là thân đàn accordion của mặt hàng đầu tiên. Nó được ẩn theo mặc định, cho đến khi plugin thu gọn thêm các lớp thích hợp mà chúng tôi sử dụng để tạo kiểu cho từng phần tử. Các lớp này kiểm soát giao diện tổng thể, cũng như hiển thị và ẩn thông qua chuyển tiếp CSS. Bạn có thể sửa đổi bất kỳ điều nào trong số này bằng CSS tùy chỉnh hoặc ghi đè các biến mặc định của chúng tôi. Cũng cần lưu ý rằng hầu như bất kỳ HTML nào cũng có thể nằm trong .accordion-body
, mặc dù quá trình chuyển đổi hạn chế tràn
Mục #2
Đây là thân đàn accordion của vật phẩm thứ hai. Nó được ẩn theo mặc định, cho đến khi plugin thu gọn thêm các lớp thích hợp mà chúng tôi sử dụng để tạo kiểu cho từng phần tử. Các lớp này kiểm soát giao diện tổng thể, cũng như hiển thị và ẩn thông qua chuyển tiếp CSS. Bạn có thể sửa đổi bất kỳ điều nào trong số này bằng CSS tùy chỉnh hoặc ghi đè các biến mặc định của chúng tôi. Cũng cần lưu ý rằng hầu như bất kỳ HTML nào cũng có thể nằm trong .accordion-body
, mặc dù quá trình chuyển đổi hạn chế tràn
Mục đàn accordion #3
Đây là thân đàn accordion của vật phẩm thứ ba. Nó được ẩn theo mặc định, cho đến khi plugin thu gọn thêm các lớp thích hợp mà chúng tôi sử dụng để tạo kiểu cho từng phần tử. Các lớp này kiểm soát giao diện tổng thể, cũng như hiển thị và ẩn thông qua chuyển tiếp CSS. Bạn có thể sửa đổi bất kỳ điều nào trong số này bằng CSS tùy chỉnh hoặc ghi đè các biến mặc định của chúng tôi. Cũng cần lưu ý rằng hầu như bất kỳ HTML nào cũng có thể nằm trong .accordion-body
, mặc dù quá trình chuyển đổi hạn chế tràn
cảnh báo
Tài liệuMột cảnh báo chính đơn giản với một liên kết ví dụ. Hãy cho nó một cú nhấp chuột nếu bạn thích
Một cảnh báo phụ đơn giản với một liên kết ví dụ. Hãy cho nó một cú nhấp chuột nếu bạn thích
Một cảnh báo thành công đơn giản với một liên kết ví dụ. Hãy cho nó một cú nhấp chuột nếu bạn thích
Một cảnh báo nguy hiểm đơn giản với một liên kết ví dụ. Hãy cho nó một cú nhấp chuột nếu bạn thích
Một cảnh báo cảnh báo đơn giản với một liên kết ví dụ. Hãy cho nó một cú nhấp chuột nếu bạn thích
Một cảnh báo thông tin đơn giản với một liên kết ví dụ. Hãy cho nó một cú nhấp chuột nếu bạn thích
Một cảnh báo ánh sáng đơn giản với một liên kết ví dụ. Hãy cho nó một cú nhấp chuột nếu bạn thích
Một cảnh báo tối đơn giản với một liên kết ví dụ. Hãy cho nó một cú nhấp chuột nếu bạn thích
Tốt lắm
Aww yeah, bạn đã đọc thành công thông báo cảnh báo quan trọng này. Văn bản ví dụ này sẽ chạy lâu hơn một chút để bạn có thể thấy khoảng cách trong cảnh báo hoạt động như thế nào với loại nội dung này
Bất cứ khi nào bạn cần, hãy nhớ sử dụng các tiện ích ký quỹ để giữ mọi thứ gọn gàng và ngăn nắp
Thẻ
Tài liệuGiữ chỗNắp ảnh
tiêu đề thẻ
Một số văn bản ví dụ nhanh để xây dựng dựa trên tiêu đề thẻ và chiếm phần lớn nội dung của thẻ
Đi đâu đóĐặc sắc
tiêu đề thẻ
Một số văn bản ví dụ nhanh để xây dựng dựa trên tiêu đề thẻ và chiếm phần lớn nội dung của thẻ
Đi đâu đó2 ngày trước
tiêu đề thẻ
Một số văn bản ví dụ nhanh để xây dựng dựa trên tiêu đề thẻ và chiếm phần lớn nội dung của thẻ
- Một món đồ
- Mục thứ hai
- Mục thứ ba
Liên kết thẻ Liên kết khác
Hình ảnh giữ chỗ
tiêu đề thẻ
Đây là một thẻ rộng hơn với văn bản hỗ trợ bên dưới như một phần mở đầu tự nhiên cho nội dung bổ sung. Nội dung này dài hơn một chút
Cập nhật lần cuối 3 phút trước
băng chuyền
Tài liệuTrình giữ chỗ Trang trình bày đầu tiên
Nhãn trượt đầu tiên
Một số nội dung giữ chỗ đại diện cho slide đầu tiên
Giữ chỗ Slide thứ hai
Nhãn trượt thứ hai
Một số nội dung giữ chỗ đại diện cho slide thứ hai
Trình giữ chỗ Trang trình bày thứ ba
Nhãn slide thứ ba
Một số nội dung giữ chỗ đại diện cho slide thứ ba
Trước Tiếp theothả xuống
Tài liệunút thả xuống
- tiêu đề thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
- liên kết riêng biệt
nút thả xuống
- tiêu đề thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
- liên kết riêng biệt
nút thả xuống
- tiêu đề thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
- liên kết riêng biệt
Chính Chuyển đổi danh sách thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
Phụ Chuyển đổi danh sách thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
Thành công Chuyển đổi danh sách thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
Thông tin Chuyển đổi danh sách thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
Cảnh báo Chuyển đổi danh sách thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
Nguy hiểm Chuyển đổi danh sách thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
nút thả xuống
- tiêu đề thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
- liên kết riêng biệt
nút dropup
- tiêu đề thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
- liên kết riêng biệt
nút khởi động
- tiêu đề thả xuống
- Hoạt động
- hành động khác
- Một cái gì đó khác ở đây
- liên kết riêng biệt
Menu căn chỉnh cuối
- tiêu đề thả xuống
- Hoạt động
- hành động khác
- liên kết riêng biệt
điều hướng
Tài liệuLiên kết hoạt động Liên kết bị vô hiệu hóa
Trang chủ Hồ sơ Liên hệ
Đây là một số nội dung giữ chỗ cho trang scrollspy. Lưu ý rằng khi bạn cuộn xuống trang, liên kết điều hướng thích hợp sẽ được đánh dấu. Nó được lặp lại trong suốt ví dụ thành phần. Chúng tôi tiếp tục thêm một số bản sao ví dụ khác ở đây để nhấn mạnh việc cuộn và đánh dấu