Bootstrap 4 - Các thành phần

Sự miêu tả

Bootstrap 4 sử dụng tập hợp các phương pháp nội dung để hiển thị văn bản, khối mã, hình ảnh đáp ứng, dữ liệu ở định dạng bảng, v.v. trên trang web.

Bảng sau liệt kê các phương thức nội dung mà bạn có thể sử dụng để thao tác với Bootstrap 4:

Không. Phương pháp & Mô tả
1

Cảnh báo

Thành phần cảnh báo chỉ định thông báo được xác định trước cho các hành động của người dùng.

2

danh hiệu

Huy hiệu được sử dụng để làm nổi bật thông tin bổ sung cho nội dung.

3

Breadcrumb

Nó được sử dụng để hiển thị thông tin dựa trên phân cấp cho một trang web.

4

nút

Bootstrap cung cấp nút có thể nhấp để đưa nội dung như văn bản và hình ảnh.

5

Nhóm nút

Các nhóm nút cho phép nhiều nút được xếp chồng lên nhau trên một dòng.

6

thẻ

Thẻ là một vùng chứa nội dung hiển thị một hộp có viền với một số phần đệm xung quanh nó.

7

Băng chuyền

Băng chuyền là một cách linh hoạt, đáp ứng để thêm thanh trượt vào trang web của bạn.

số 8

Sự sụp đổ

Nó được sử dụng để hiển thị hoặc ẩn nội dung.

9

Trình đơn thả xuống

Menu thả xuống có thể được sử dụng để hiển thị các liên kết ở định dạng danh sách.

10

Các hình thức

Phần tử biểu mẫu được sử dụng để thu thập thông tin đầu vào từ người dùng.

11

Nhóm đầu vào

Sử dụng nhóm đầu vào, bạn có thể dễ dàng thêm trước và nối văn bản hoặc các nút vào các đầu vào dựa trên văn bản.

12

Jumbotron

Nó làm tăng kích thước của tiêu đề và thêm nhiều lề cho nội dung trang đích.

13

Phương thức

Modal là một cửa sổ con nằm trên cửa sổ mẹ của nó.

14

Navs

Bootstrap cung cấp các mục điều hướng cho trang web của bạn trong một menu ngang.

15

Thanh điều hướng

Navbar cung cấp các tiêu đề điều hướng cho ứng dụng hoặc trang web của bạn.

16

Phân trang

Phân trang được sử dụng để phân chia nội dung liên quan trên nhiều trang.

17

Popovers

Popover tương tự như chú giải công cụ, cung cấp một chế độ xem mở rộng hoàn chỉnh với một tiêu đề.

18

Phát triển

Thanh tiến trình hiển thị tiến trình của một quá trình với các thanh xếp chồng lên nhau, nền động và nhãn văn bản.

19

Scrollspy

Scrollspy được sử dụng để biểu thị liên kết hiện đang hoạt động trong menu dựa trên vị trí cuộn.

20

Chú giải công cụ

Chú giải công cụ hữu ích khi bạn cần mô tả một liên kết.