Thu gọn Bootstrap 5

ví dụ 1. Ví dụ này sử dụng hiển thị hoạt động của div có thể thu gọn bằng nút và liên kết trong Bootstrap 5

HTML




<html>

<____5>

    

    <2 345 64

8

_______09____10____04

<2

9<44<6>

    <html0 html1____04

html3

_______09____10____04

html7

9<44<6>

    >4html0>

    <html0 html1____04

<2

_______09____10____04

<6

9<44<6>

    >4html0>

>4head>

<>0 >14>3>

    <>7 >84    0 >14    3>

9<    7 >140>

23

9>4    7>

9

<____000>

2<04 >8407 08410

116414 15417>

1120

2>4____004>

2<27 >8407 31417

1108410 38414>

1143

2>4____027>

9>4____000>

 

9<>7 >8410 58460>

2<>7 >8467>

113

2>4____37>

9>4>7>

    >4>7>

>4>0>

>4html>

đầu ra

Thu gọn Bootstrap 5
 
Ví dụ 2. Ví dụ này sử dụng hiển thị hoạt động của các thẻ có thể thu gọn trong Bootstrap 5.

HTML




<html>

<____5>

    

    <2 345 64

8

_______09____10____04

<2

9<44<6>

    <html0 html1____04

html3

_______09____10____04

html7

9<44<6>

    >4html0>

    <html0 html1____04

<2

_______09____10____04

<6

9<44<6>

    >4html0>

>4head>

<>0 >14>3>

    <>7 >84    0 >14    3>

9<    7 >140>

23

9>4    7>

9<>7 >84<91 584<94>

2<>7 >84html01>

11<>7 >84html08 584html11>

Việc sử dụng sự sụp đổ trong Bootstrap là gì?

Trình cắm JavaScript thu gọn được sử dụng để hiển thị và ẩn nội dung . Các nút hoặc neo được sử dụng làm trình kích hoạt được ánh xạ tới các phần tử cụ thể mà bạn chuyển đổi. Thu gọn một phần tử sẽ làm động chiều cao từ giá trị hiện tại của nó thành 0.

Dữ liệu BS chuyển đổi là gì?

data-toggle = “collapse” Nó được sử dụng khi bạn muốn ẩn một phần và làm cho nó chỉ xuất hiện khi nhấp vào div . Giả sử, div là một nút, vì vậy khi nhấp vào nút, phần bạn muốn thu gọn sẽ xuất hiện và xuất hiện lại bằng nút. Thí dụ. HTML.

Bootstrap 5 có yêu cầu jQuery không?

Bootstrap 5 được thiết kế để sử dụng mà không cần jQuery , nhưng vẫn có thể sử dụng các thành phần của chúng tôi với jQuery. Nếu Bootstrap phát hiện thấy jQuery trong đối tượng cửa sổ, nó sẽ thêm tất cả các thành phần của chúng ta vào hệ thống plugin của jQuery; .

đàn accordion Bootstrap là gì?

Đàn xếp Bootstrap là thành phần tổ chức nội dung trong các mục có thể thu gọn . Accordion cho phép hiển thị chỉ một mục thu gọn tại một thời điểm. Accordions có thể chuyển đổi qua một số khối văn bản chỉ bằng một cú nhấp chuột và điều đó giúp cải thiện đáng kể UX cho dự án của bạn.