BootstrapCheatsheet

Bảng gian lận RTL

Nội dung

Kiểu chữ

Tài liệu

Hiển thị 1

Hiển thị 2

Hiển thị 3

Hiển thị 4

Hiển thị 5

Hiển thị 6

Tiêu đề 1

Tiêu đề 2

Tiêu đề 3

Tiêu đề 4

Tiêu đề 5

Tiêu đề 6

Đây là một đoạn dẫn. Nó nổi bật so với các đoạn văn thông thường.

Bạn có thể sử dụng thẻ đánh dấu đểĐiểm nổi bậtchữ.

Dòng văn bản này được coi là văn bản đã xóa.

Dòng văn bản này được coi là không còn chính xác nữa.

Dòng văn bản này được coi như một phần bổ sung cho tài liệu.

Dòng văn bản này sẽ hiển thị như được gạch chân.

Dòng văn bản này được coi là bản in đẹp.

Dòng này được hiển thị dưới dạng văn bản in đậm.

Dòng này được hiển thị dưới dạng văn bản in nghiêng.

Một câu trích dẫn nổi tiếng, được chứa trong một phần tử blockquote.

Ai đó nổi tiếng trong Tiêu đề nguồn
  • Đây là một danh sách.
  • Nó xuất hiện hoàn toàn không được phân loại.
  • Về mặt cấu trúc, nó vẫn là một danh sách.
  • Tuy nhiên, phong cách này chỉ áp dụng cho các phần tử con ngay lập tức.
  • Danh sách lồng nhau:
    • không bị ảnh hưởng bởi phong cách này
    • sẽ vẫn hiển thị một dấu đầu dòng
    • và có lề trái thích hợp
  • Điều này vẫn có thể hữu ích trong một số trường hợp.
  • Đây là một mục danh sách.
  • Và một cái khác.
  • Nhưng chúng được hiển thị nội tuyến.

Hình ảnh

Tài liệu
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Những cái bàn

Tài liệu
# Ngày thứ nhất Cuối Xử lý
1 Đánh dấu Otto @mdo
2 Jacob Thornton @mập mạp
3 Larry the Bird @twitter
# Ngày thứ nhất Cuối Xử lý
1 Đánh dấu Otto @mdo
2 Jacob Thornton @mập mạp
3 Larry the Bird @twitter
Lớp Phần mở đầu Phần mở đầu
Mặc định Tế bào Tế bào
Sơ đẳng Tế bào Tế bào
Sơ trung Tế bào Tế bào
Thành công Tế bào Tế bào
Sự nguy hiểm Tế bào Tế bào
Cảnh báo Tế bào Tế bào
Thông tin Tế bào Tế bào
Nhẹ Tế bào Tế bào
Tối Tế bào Tế bào
# Ngày thứ nhất Cuối Xử lý
1 Đánh dấu Otto @mdo
2 Jacob Thornton @mập mạp
3 Larry the Bird @twitter

Số liệu

Tài liệu
Placeholder 400x300
Chú thích cho hình ảnh trên.

Các hình thức

Tổng quan

Tài liệu
Chúng tôi sẽ không bao giờ chia sẻ email của bạn với bất kỳ ai khác.
Các nút radio

Biểu mẫu bị vô hiệu hóa

Tài liệu
Các nút radio bị tắt

Định cỡ

Tài liệu

Nhóm đầu vào

Tài liệu
@
@ example.com
https://example.com/users/
$ .00
Với textarea

Nhãn nổi

Tài liệu

Thẩm định

Tài liệu
Có vẻ tốt!
Có vẻ tốt!
@
Vui lòng chọn một tên người dùng.
Vui lòng cung cấp một thành phố hợp lệ.
Vui lòng chọn một trạng thái hợp lệ.
Vui lòng cung cấp một mã zip hợp lệ.
Bạn phải đồng ý trước khi gửi.

Các thành phần

Accordion

Tài liệu

Đây là thân đàn accordion của mặt hàng đầu tiên. Nó bị ẩ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ể đi vào bên trong .accordion-body, mặc dù quá trình chuyển đổi không hạn chế việc tràn.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Đây là thân đàn accordion của mục thứ ba. Nó bị ẩ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ể đi vào bên trong .accordion-body, mặc dù quá trình chuyển đổi không hạn chế việc tràn.

Cảnh báo

Tài liệu

Huy hiệu

Tài liệu

Tiêu đề ví dụMới

Tiêu đề ví dụMới

Tiêu đề ví dụMới

Tiêu đề ví dụMới

Tiêu đề ví dụMới

Tiêu đề ví dụMới

Tiêu đề ví dụMới

Tiêu đề ví dụMới

Sơ đẳng Sơ trung Thành công Sự nguy hiểm Cảnh báo Thông tin Nhẹ Tối

nút

Tài liệu

Thẻ

Tài liệu
Placeholder Image cap
Tiêu đề thẻ

Một số văn bản ví dụ nhanh để xây dựng trên tiêu đề thẻ và tạo nên 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 trên tiêu đề thẻ và tạo nên 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 trên tiêu đề thẻ và tạo nên phần lớn nội dung của thẻ.

  • Một món đồ
  • Một mặt hàng thứ hai
  • Một mặt hàng thứ ba
Liên kết thẻ Một liên kết khác
Placeholder Image
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 hướng dẫn 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 cách đây 3 phút

Danh sách nhóm

Tài liệu
  • Một mặt hàng bị vô hiệu hóa
  • Một mặt hàng thứ hai
  • Một mặt hàng thứ ba
  • Một mục thứ tư
  • Và một thứ năm
  • Một món đồ
  • Một mặt hàng thứ hai
  • Một mặt hàng thứ ba
  • Một mục thứ tư
  • Và một thứ năm
Một mục nhóm danh sách mặc định đơn giản Một mục nhóm danh sách chính đơn giản Một mục nhóm danh sách phụ đơn giản Một mục nhóm danh sách thành công đơn giản Một mục nhóm danh sách nguy hiểm đơn giản Một mục nhóm danh sách cảnh báo đơn giản Một mục nhóm danh sách thông tin đơn giản Một mục nhóm danh sách đơn giản Một mục nhóm danh sách tối đơn giản

Popovers

Tài liệu

Scrollspy

Tài liệu

Tiêu đề đầu tiên

Đây là một số nội dung giữ chỗ cho trang cuộn giấy. 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 tô sáng. 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à làm nổi bật.

Tiêu đề thứ hai

Đây là một số nội dung giữ chỗ cho trang cuộn giấy. 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 tô sáng. 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à làm nổi bật.

Tiêu đề thứ ba

Đây là một số nội dung giữ chỗ cho trang cuộn giấy. 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 tô sáng. 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à làm nổi bật.

Tiêu đề thứ tư

Đây là một số nội dung giữ chỗ cho trang cuộn giấy. 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 tô sáng. 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à làm nổi bật.

Tiêu đề thứ năm

Đây là một số nội dung giữ chỗ cho trang cuộn giấy. 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 tô sáng. 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à làm nổi bật.

Con quay

Tài liệu

Chúc rượu

Tài liệu

Chú giải công cụ

Tài liệu