Màu nền đàn accordion React-bootstrap
Đàn accordion sử dụng sự sụp đổ bên trong để làm cho nó có thể thu gọn lại. Để hiển thị đàn accordion được mở rộng, hãy thêm lớp 0 vào lớp 1Thí dụNhấp vào đàn accordion bên dưới để mở rộng/thu gọn nội dung đàn accordion Đây là thân đàn accordion của mặt hàng đầu tiên. Nó được hiển thị 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 thành phần. 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ể xuất hiện trong 2, mặc dù quá trình chuyển đổi hạn chế tình trạng trànĐâ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ể xuất hiện trong 2, mặc dù quá trình chuyển đổi hạn chế tình trạng trànĐâ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ể xuất hiện trong 2, mặc dù quá trình chuyển đổi hạn chế tình trạng tràn
Tuôn raThêm 0 để xóa 1 mặc định, một số đường viền và một số góc được làm tròn để hiển thị các đàn accordion từ cạnh này sang cạnh khác với vùng chứa chính của chúngNội dung trình giữ chỗ cho đàn accordion này, nhằm thể hiện lớp 0. Đây là thân đàn accordion của mặt hàng đầu tiênNội dung trình giữ chỗ cho đàn accordion này, nhằm thể hiện lớp 0. Đây là thân đàn accordion của vật phẩm thứ hai. Hãy tưởng tượng điều này chứa đầy một số nội dung thực tếNội dung trình giữ chỗ cho đàn accordion này, nhằm thể hiện lớp 0. Đây là thân đàn accordion của vật phẩm thứ ba. Không có gì thú vị hơn xảy ra ở đây về mặt nội dung, nhưng chỉ cần lấp đầy khoảng trống để làm cho nó, ít nhất là ở cái nhìn đầu tiên, đại diện hơn một chút về cách thức này sẽ trông như thế nào trong một ứng dụng trong thế giới thực
Luôn luôn mởBỏ qua thuộc tính 5 trên mỗi 6 để làm cho các mục đàn accordion luôn mở khi một mục khác được mởĐây là thân đàn accordion của mặt hàng đầu tiên. Nó được hiển thị 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 thành phần. 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ể xuất hiện trong 2, mặc dù quá trình chuyển đổi hạn chế tình trạng trànĐâ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ể xuất hiện trong 2, mặc dù quá trình chuyển đổi hạn chế tình trạng trànĐâ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ể xuất hiện trong 2, mặc dù quá trình chuyển đổi hạn chế tình trạng tràn
khả năng tiếp cậnVui lòng đọc phần trợ năng thu gọn để biết thêm thông tin CSSBiếnĐã thêm vào v5. 2. 0Là một phần trong cách tiếp cận các biến CSS đang phát triển của Bootstrap, đàn accordion hiện sử dụng các biến CSS cục bộ trên 1 để tùy chỉnh theo thời gian thực nâng cao. Các giá trị cho các biến CSS được đặt thông qua Sass, do đó tùy chỉnh Sass cũng vẫn được hỗ trợ |