Bootstrap thả xuống phía dưới màn hình

Boolean6 hỗ trợ tạo thành phần Boolean7 hoặc Boolean8 (nếu sử dụng Nuxt. js). Để biết thêm chi tiết về các đạo cụ cụ thể của liên kết bộ định tuyến (hoặc liên kết nuxt), hãy xem phần Tham khảo hỗ trợ bộ định tuyến

thận trọng. Các đạo cụ hỗ trợ chuỗi HTML (_______09) có thể dễ bị tấn công Cross Site Scripting (XSS) khi chuyển các giá trị thô do người dùng cung cấp. Trước tiên, bạn phải vệ sinh đúng cách đầu vào của người dùng

Sự kiện

Biến cố

Tranh luận

Sự mô tả

false0

1. false1 - Đối tượng BvEvent. Gọi bvEvent. preventDefault() để hủy ẩn

Được phát ra trên $root ngay trước khi danh sách thả xuống bị ẩn. Có thể hủyfalse2

1. false1 - Đối tượng BvEvent. Gọi bvEvent. preventDefault() để hủy chương trình

Được phát ra trên $root ngay trước khi danh sách thả xuống được hiển thị. Có thể hủyfalse4

1. false5 - Đối tượng sự kiện nhấp chuột gốc

Phát ra khi nhấp vào nút phân tách trong chế độ phân tách _______ 46 Phát ra khi danh sách thả xuống bị ẩn false7

1. false1 - Đối tượng BvEvent. Gọi bvEvent. preventDefault() để hủy ẩn

Được phát ra ngay trước khi danh sách thả xuống bị ẩn. Có thể hủyfalse9

1. false1 - Đối tượng BvEvent. Gọi bvEvent. preventDefault() để hủy chương trình

Được phát ra ngay trước khi danh sách thả xuống được hiển thị. Có thể hủy bỏBoolean01Được phát ra khi danh sách thả xuống được hiển thịBoolean02Được phát ra khi nhấp vào nút chuyển đổi

Đặc tính

Tất cả các giá trị mặc định của thuộc tính đều có thể định cấu hình trên toàn cầu

Tài sản

(Click để sắp xếp tăng dần)

Loại hình

(Click để sắp xếp tăng dần)

Mặc định

Sự mô tả

Boolean03
Boolean falseKhi được đặt thành `true`, đặt thành phần ở trạng thái hoạt động với kiểu hoạt độngBoolean06
< . Để cải thiện khả năng phản hồi của Nuxt của bạn. js, khi liên kết sẽ được hiển thị trong chế độ xem, Nuxt. js sẽ tự động tìm nạp trước trang đã tách mã. Cài đặt `no-prefetch` sẽ tắt tính năng này cho liên kết cụ thểBoolean33 prop: Configure the active CSS class applied when the link is active. Typically you will want to set this to class name 'active'Boolean08
Boolean false
Boolean falseKhi được đặt thành `true`, hãy tắt chức năng của thành phần và đặt nó ở trạng thái bị vô hiệu hóaBoolean14< . Hành vi khớp lớp đang hoạt động mặc định là khớp bao gồm. Việc đặt giá đỡ này buộc chế độ phải khớp chính xác với routeBoolean17
Booleanfalse prop: The default active class matching behavior is inclusive match. Setting this prop forces the mode to exactly match the routeBoolean17
Boolean1 prop: Configure the active CSS class applied when the link is active with exact match. Typically you will want to set this to class name 'active'Boolean19
Boolean false
Boolean1 prop: Configure the active CSS class applied when the link is active with exact path match. Typically you will want to set this to class name 'active'Boolean24
Boolean1 prop: Denotes the target URL of the link for standard a linksBoolean26
v2. 9. 0+false7 hoặc false8 hoặc Boolean1 Lớp hoặc các lớp áp dụng cho thành phần liên kết bên trongBoolean30
Booleanfalse prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `no-prefetch` will disabled this feature for the specific linkBoolean33
v2. 15. 0+Boolean Boolean35
Boolean1 Boolean35
Boolean false
v2. 15. 0+______21 prop: BootstrapVue auto detects between `` and ``. In cases where you want to use a 3rd party link component based on ``, set this prop to the component name. e.g. set it to 'g-link' if you are using Gridsome (note only `` specific props are passed to the component)Boolean44
Boolean1Boolean46 prop: Sets the `target` attribute on the rendered linkBoolean47
_______48 hoặc Boolean1 prop: Denotes the target route of the link. When clicked, the value of the to prop will be passed to `router.push()` internally, so the value can be either a string or a Location descriptor objectBoolean3
Boolean1 Áp dụng một trong các biến thể màu của chủ đề Bootstrap cho thành phần<

Boolean52 hỗ trợ tạo thành phần Boolean7 hoặc Boolean8 (nếu sử dụng Nuxt. js). Để biết thêm chi tiết về các đạo cụ cụ thể của liên kết bộ định tuyến (hoặc liên kết nuxt), hãy xem phần Tham khảo hỗ trợ bộ định tuyến

Làm cách nào để thả xuống Bootstrap khi di chuột?

Giải thích ví dụ. Sử dụng bất kỳ phần tử nào để mở trình đơn thả xuống, e. g. một phần tử Use a container element (like

) to create the dropdown menu and add the dropdown links inside it. Wrap a

element around the button and the

to position the dropdown menu correctly with CSS.

Làm cách nào để di chuyển menu thả xuống sang trái trong Bootstrap?

Để ghi đè lên, hãy sử dụng. menu thả xuống bên trái .

Đọc tiếp