Bootstrap 4 cheat sheet tải xuống pdf
|
Nổi trái trên tất cả các kích thước khung nhìn Show 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ầmTà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 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 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 cảnh báoTà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ắmAww 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ẻ
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ềnTài liệuTrình giữ chỗ Trang trình bày đầu tiên Nhãn trượt đầu tiênMộ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ứ haiMộ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ứ baMột số nội dung giữ chỗ đại diện cho slide thứ ba Trước Tiếp theothả xuốngTài liệunút thả xuống
nút thả xuống
nút thả xuống
Chính Chuyển đổi danh sách thả xuống
Phụ Chuyển đổi danh sách thả xuống
Thành công Chuyển đổi danh sách thả xuống
Thông tin Chuyển đổi danh sách thả xuống
Cảnh báo Chuyển đổi danh sách thả xuống
Nguy hiểm Chuyển đổi danh sách thả xuống
nút thả xuống
nút dropup
nút khởi động
Menu căn chỉnh cuối
điều hướngTà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 Bảng cheat bootstrap là gì?Bootstrap Cheat Sheet là gì? . a collection of all the classes, variables, and mixins you are ever going to need to create an interactive website or application.
Làm cách nào để viết lớp bootstrap trong CSS?Đây là cách hệ thống lưới Bootstrap hoạt động. . Các hàng phải được đặt trong một. vùng chứa (chiều rộng cố định) hoặc. container-fluid (toàn chiều rộng) để căn chỉnh và đệm thích hợp Sử dụng các hàng để tạo các nhóm cột nằm ngang Nội dung phải được đặt trong các cột và chỉ các cột mới có thể là con trực tiếp của các hàng Lớp bootstrap nào được sử dụng?Tham khảo các lớp Bootstrap
. nút màu xanh. Lưới đáp ứng (span 1-12 cột). Thiết bị cực nhỏ Điện thoại (< 768px), Thiết bị nhỏ Máy tính bảng (≥768px), Thiết bị trung bình Máy tính để bàn (≥992px), Thiết bị lớn Máy tính để bàn (≥1200px)
Công cụ sửa đổi bootstrap là gì?Công cụ sửa đổi. Nhiều thành phần của Bootstrap được xây dựng bằng cách tiếp cận lớp công cụ sửa đổi cơ sở . Điều này có nghĩa là phần lớn kiểu dáng được chứa trong một lớp cơ sở (e. g. ,. btn ) trong khi các biến thể kiểu được giới hạn trong các lớp sửa đổi (e. g. ,. nguy hiểm btn ). |
