search

Hướng dẫn bootstrap 4 select dropdown - bootstrap 4 chọn menu thả xuống

Ngày đăng: 03/11/2022
Trả lời: 0
Lượt xem: 171

Chuyển đổi lớp phủ theo ngữ cảnh để hiển thị danh sách các liên kết và nhiều hơn nữa với plugin thả xuống Bootstrap.

Show

Tổng quan

Dropdowns có thể bật, lớp phủ theo ngữ cảnh để hiển thị danh sách các liên kết và nhiều hơn nữa. Họ đã thực hiện tương tác với plugin JavaScript thả xuống Bootstrap đi kèm. Họ đã chuyển đổi bằng cách nhấp vào, không phải bằng cách lơ lửng; Đây là một quyết định thiết kế có chủ ý.

Dropdowns được xây dựng trên thư viện bên thứ ba, popper.js, cung cấp định vị động và phát hiện chế độ xem. Hãy chắc chắn bao gồm popper.min.js trước bootstrap từ javascript hoặc sử dụng 

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
9 / 

 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
 class="dropdown-item" href="#">Separated link
0 có chứa popper.js. Popper.js không được sử dụng để định vị các thả xuống ở Navbars mặc dù định vị động là không cần thiết.

Nếu bạn đang xây dựng JavaScript của chúng tôi từ nguồn, nó yêu cầu 


 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
 class="dropdown-item" href="#">Separated link
1.

Khả năng tiếp cận

Tiêu chuẩn WAI ARIA xác định một tiện ích 


 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
 class="dropdown-item" href="#">Separated link
2 thực tế, nhưng điều này là cụ thể cho các menu giống như ứng dụng kích hoạt các hành động hoặc chức năng. Menu ARIA chỉ có thể chứa các mục menu, các mục menu hộp kiểm, các mục menu nút radio, nhóm nút radio và các menu phụ.

Mặt khác, thả xuống Bootstrap, được thiết kế chung chung và áp dụng cho nhiều tình huống và cấu trúc đánh dấu. Chẳng hạn, có thể tạo các thả xuống có chứa các đầu vào và điều khiển hình thức bổ sung, chẳng hạn như các trường tìm kiếm hoặc biểu mẫu đăng nhập. Vì lý do này, Bootstrap không mong đợi (cũng không tự động thêm) bất kỳ thuộc tính 


 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
3 và 

 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
4 cần thiết cho các menu ARIA thực sự. Các tác giả sẽ phải bao gồm các thuộc tính cụ thể hơn này.

Tuy nhiên, Bootstrap thực hiện hỗ trợ tích hợp cho hầu hết các tương tác menu bàn phím tiêu chuẩn, chẳng hạn như khả năng di chuyển qua các yếu tố 


 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
5 riêng lẻ bằng các phím con trỏ và đóng menu bằng phím ESC.

Ví dụ

Bao bọc chuyển đổi thả xuống (nút hoặc liên kết của bạn) và menu thả xuống trong 


 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
6 hoặc một phần tử khác tuyên bố 

 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
7. Các thả xuống có thể được kích hoạt từ các yếu tố 

 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
8 hoặc 

 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
9 để phù hợp hơn với nhu cầu tiềm năng của bạn.

Thả xuống một nút

Bất kỳ 


 class="btn-group">
   type="button" class="btn btn-danger">Action
   type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
0 nào cũng có thể được biến thành một chuyển đổi thả xuống với một số thay đổi đánh dấu. Tại đây, cách bạn có thể đưa chúng vào làm việc với các yếu tố 

 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
9:

 class="dropdown">
   class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  
   class="dropdown-menu" aria-labelledby="dropdownMenuButton">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here

Và với các yếu tố 


 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
8:

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here

Phần tốt nhất là bạn cũng có thể làm điều này với bất kỳ biến thể nút nào:


 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link

Nút thả xuống

Tương tự, tạo các thả xuống nút phân chia với gần như đánh dấu giống như các thả xuống nút đơn, nhưng với việc bổ sung 


 class="btn-group">
   type="button" class="btn btn-danger">Action
   type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
3 cho khoảng cách thích hợp xung quanh Caret thả xuống.

Chúng tôi sử dụng lớp bổ sung này để giảm 25% theo chiều ngang 


 class="btn-group">
   type="button" class="btn btn-danger">Action
   type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
4 ở hai bên của CARET và loại bỏ 

 class="btn-group">
   type="button" class="btn btn-danger">Action
   type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
5 mà đã thêm vào để thả xuống nút thông thường. Những thay đổi bổ sung đó giữ cho Caret tập trung vào nút phân chia và cung cấp một khu vực nhấn có kích thước phù hợp hơn bên cạnh nút chính.


 class="btn-group">
   type="button" class="btn btn-danger">Action
   type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link

Kích thước

Dropdown Nút hoạt động với các nút thuộc mọi kích cỡ, bao gồm các nút thả xuống mặc định và phân chia.


 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...

Biến thể bỏ rơi

Các menu thả xuống kích hoạt các phần tử trên bằng cách thêm 


 class="btn-group">
   type="button" class="btn btn-danger">Action
   type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
6 vào phần tử cha.


 class="btn-group dropup">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  
   class="dropdown-menu">
    
  



 class="btn-group dropup">
   type="button" class="btn btn-secondary">
    Split dropup
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">

Biến thể thả

Các menu thả xuống kích hoạt ở bên phải của các phần tử bằng cách thêm 


 class="btn-group">
   type="button" class="btn btn-danger">Action
   type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
7 vào phần tử cha.


 class="btn-group dropright">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropright
  
   class="dropdown-menu">
    
  



 class="btn-group dropright">
   type="button" class="btn btn-secondary">
    Split dropright
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropright
  
   class="dropdown-menu">

Biến thể Dropleft

Các menu thả xuống kích hoạt ở bên trái của các phần tử bằng cách thêm 


 class="btn-group">
   type="button" class="btn btn-danger">Action
   type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
8 vào phần tử cha.


 class="btn-group dropleft">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropleft
  
   class="dropdown-menu">
    
  



 class="btn-group">
   class="btn-group dropleft" role="group">
     type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       class="sr-only">Toggle Dropleft
    
     class="dropdown-menu">
      
    
  
   type="button" class="btn btn-secondary">
    Split dropleft

Trong lịch sử, nội dung menu thả xuống phải là liên kết, nhưng điều đó không còn là trường hợp với V4. Bây giờ bạn có thể tùy chọn sử dụng các yếu tố 


 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
9 trong các lần thả xuống thay vì chỉ 

 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
8s.

 class="dropdown">
   class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  
   class="dropdown-menu" aria-labelledby="dropdownMenu2">
     class="dropdown-item" type="button">Action
     class="dropdown-item" type="button">Another action
     class="dropdown-item" type="button">Something else here

Theo mặc định, một menu thả xuống được tự động định vị 100% từ trên cùng và dọc theo bên trái của cha mẹ. Thêm 


 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
1 vào 

 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
2 để căn chỉnh menu thả xuống.

Đứng lên! Các thả xuống được định vị nhờ popper.js (ngoại trừ khi chúng được chứa trong một thanh hải quân). Dropdowns are positioned thanks to Popper.js (except when they are contained in a navbar).

 class="btn-group">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Right-aligned menu
  
   class="dropdown-menu dropdown-menu-right">
     class="dropdown-item" type="button">Action
     class="dropdown-item" type="button">Another action
     class="dropdown-item" type="button">Something else here

Thêm một tiêu đề vào các phần của các phần hành động trong bất kỳ menu thả xuống nào.

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
0

Các nhóm các mục menu liên quan với một bộ chia.

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
1

Đặt một biểu mẫu trong menu thả xuống, hoặc biến nó thành một menu thả xuống và sử dụng các tiện ích lề hoặc phần đệm để cung cấp cho nó không gian âm bạn yêu cầu.

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
2

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
3

Thêm 


 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
3 vào các mục trong bản thả xuống để tạo kiểu chúng là hoạt động.style them as active.

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
4

Thêm 


 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
4 vào các mục trong danh sách thả xuống để tạo kiểu chúng là vô hiệu hóa.style them as disabled.

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
5

Cách sử dụng

Thông qua các thuộc tính dữ liệu hoặc JavaScript, plugin thả xuống bật nội dung ẩn (menu thả xuống) bằng cách bật lớp 


 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
5 trên mục danh sách cha mẹ. Thuộc tính 

 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
6 được dựa vào để đóng các menu thả xuống ở cấp độ ứng dụng, do đó, một ý tưởng tốt là luôn luôn sử dụng nó.

Trên các thiết bị hỗ trợ cảm ứng, việc mở một thả xuống thêm trống (


 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
7) 

 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
8 Trình xử lý cho trẻ em ngay lập tức của yếu tố 

 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
9. Việc hack xấu xí này phải thừa nhận là cần thiết để làm việc xung quanh một sự giải quyết trong phái đoàn sự kiện iOS, điều này sẽ ngăn chặn một cú chạm ở bất cứ nơi nào bên ngoài việc thả xuống khi kích hoạt mã đóng lại thả xuống. Sau khi thả xuống, các trình xử lý 

 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
8 trống bổ sung này được gỡ bỏ.

Thông qua các thuộc tính dữ liệu

Thêm 


 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
6 vào một liên kết hoặc nút để chuyển một thả xuống.

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
6

Thông qua JavaScript

Gọi các thả xuống qua JavaScript:

 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
7


 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
6 vẫn được yêu cầu

Bất kể bạn có gọi cho thả xuống qua JavaScript hay thay vào đó sử dụng Data-API, 


 class="btn-group">
   class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Large button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-lg" type="button">
    Large split button
  
   type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
  



 class="btn-group">
   class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Small button
  
   class="dropdown-menu">
    ...
  

 class="btn-group">
   class="btn btn-secondary btn-sm" type="button">
    Small split button
  
   type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
    ...
6 luôn được yêu cầu phải có mặt trên phần tử kích hoạt thả xuống.

Tùy chọn

Các tùy chọn có thể được truyền qua các thuộc tính dữ liệu hoặc JavaScript. Đối với các thuộc tính dữ liệu, hãy nối tên tùy chọn vào 


 class="btn-group dropup">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  
   class="dropdown-menu">
    
  



 class="btn-group dropup">
   type="button" class="btn btn-secondary">
    Split dropup
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
4, như trong 

 class="btn-group dropup">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  
   class="dropdown-menu">
    
  



 class="btn-group dropup">
   type="button" class="btn btn-secondary">
    Split dropup
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
5.

TênLoại hìnhMặc địnhSự mô tả
bù lạiSố | Chuỗi | hàm số0 Bù đắp cho thả xuống so với mục tiêu của nó. Để biết thêm thông tin, hãy tham khảo các tài liệu bù của popper.js.
LậtBooleanthậtCho phép thả xuống để lật trong trường hợp chồng chéo trên phần tử tham chiếu. Để biết thêm thông tin, hãy tham khảo tài liệu lật của popper.js.
ranh giớiChuỗi | yếu tố'cuộn giấy'Ranh giới ràng buộc tràn của menu thả xuống. Chấp nhận các giá trị của 

 class="btn-group dropup">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  
   class="dropdown-menu">
    
  



 class="btn-group dropup">
   type="button" class="btn btn-secondary">
    Split dropup
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
6, 

 class="btn-group dropup">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  
   class="dropdown-menu">
    
  



 class="btn-group dropup">
   type="button" class="btn btn-secondary">
    Split dropup
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
7, 

 class="btn-group dropup">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  
   class="dropdown-menu">
    
  



 class="btn-group dropup">
   type="button" class="btn btn-secondary">
    Split dropup
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
8 hoặc tham chiếu htmlelement (chỉ JavaScript). Để biết thêm thông tin, hãy tham khảo tài liệu phòng ngừa của Popper.js.

Lưu ý Khi 


 class="btn-group dropup">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  
   class="dropdown-menu">
    
  



 class="btn-group dropup">
   type="button" class="btn btn-secondary">
    Split dropup
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
9 được đặt thành bất kỳ giá trị nào khác ngoài 

 class="btn-group dropup">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  
   class="dropdown-menu">
    
  



 class="btn-group dropup">
   type="button" class="btn btn-secondary">
    Split dropup
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropdown
  
   class="dropdown-menu">
8, kiểu 

 class="btn-group dropright">
   type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropright
  
   class="dropdown-menu">
    
  



 class="btn-group dropright">
   type="button" class="btn btn-secondary">
    Split dropright
  
   type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     class="sr-only">Toggle Dropright
  
   class="dropdown-menu">
1 được áp dụng cho thùng chứa 

 class="btn-group">
   type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action
  
   class="dropdown-menu">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
     class="dropdown-divider">
     class="dropdown-item" href="#">Separated link
6.

Phương pháp

Phương phápSự mô tả
bù lạiSố | Chuỗi | hàm số
Bù đắp cho thả xuống so với mục tiêu của nó. Để biết thêm thông tin, hãy tham khảo các tài liệu bù của popper.js.Lật
Booleanthật

Cho phép thả xuống để lật trong trường hợp chồng chéo trên phần tử tham chiếu. Để biết thêm thông tin, hãy tham khảo tài liệu lật của popper.js.

ranh giới

Chuỗi | yếu tốSự mô tả
bù lạiSố | Chuỗi | hàm số
Bù đắp cho thả xuống so với mục tiêu của nó. Để biết thêm thông tin, hãy tham khảo các tài liệu bù của popper.js.Lật
Booleanthật
Cho phép thả xuống để lật trong trường hợp chồng chéo trên phần tử tham chiếu. Để biết thêm thông tin, hãy tham khảo tài liệu lật của popper.js.ranh giới
 class="dropdown show">
   class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  

   class="dropdown-menu" aria-labelledby="dropdownMenuLink">
     class="dropdown-item" href="#">Action
     class="dropdown-item" href="#">Another action
     class="dropdown-item" href="#">Something else here
8

programming bootstrap Dropdown Bootstrap Radio Bootstrap 4 Select Bootstrap 3 dropdown-toggle form-control bootstrap 4

Bài Viết Liên Quan

Những bài văn thuyết minh về món ăn ngày tết năm 2024
Những bài văn thuyết minh về món ăn ngày tết năm 2024

mẹo hay Món Ngon Món
Thiên môn bỏ lõi trong dược liệu gọi là gì năm 2024
Thiên môn bỏ lõi trong dược liệu gọi là gì năm 2024

là ai Hỏi Đáp Là gì Cây thiên môn
Bài tập vật lý lớp 7 bài 7 năm 2024
Bài tập vật lý lớp 7 bài 7 năm 2024

mẹo hay Khỏe Đẹp Bài tập
Bluestack là gì chơi có quảng cáo không năm 2024
Bluestack là gì chơi có quảng cáo không năm 2024

là ai Hỏi Đáp Là gì BlueStacks BlueStacks 5 Bluestacks la gì BlueStacks 4 BlueStacks chuanroi
Máy tính và tivi cái nào tốn điện hơn năm 2024
Máy tính và tivi cái nào tốn điện hơn năm 2024

mẹo hay Công Nghệ Máy tính Máy
Những câu nói xin lỗi người yêu dễ thương nhất năm 2024
Những câu nói xin lỗi người yêu dễ thương nhất năm 2024

mẹo hay
Toán 8 bài 2 tính chất cơ bản sbt năm 2024
Toán 8 bài 2 tính chất cơ bản sbt năm 2024

mẹo hay
Năng lực là gì tâm lý học năm 2024
Năng lực là gì tâm lý học năm 2024

là ai Hỏi Đáp Là gì Học Tốt Học
Hàng hóa và dịch vụ của chính phủ năm 2024
Hàng hóa và dịch vụ của chính phủ năm 2024

mẹo hay Ngôn ngữ Dịch
Hệ cơ sở dữ liệu tiếng anh là gì năm 2024
Hệ cơ sở dữ liệu tiếng anh là gì năm 2024

là ai Hỏi Đáp Là gì Học Tốt Tiếng anh Database
Kiếp nào có yêu nhau minh phụng lệ thủy năm 2024
Kiếp nào có yêu nhau minh phụng lệ thủy năm 2024

mẹo hay
Bài văn tả một người bạn lon hon của em năm 2024
Bài văn tả một người bạn lon hon của em năm 2024

mẹo hay
Phương châm của cuộc kháng chiến chống pháp là gì năm 2024
Phương châm của cuộc kháng chiến chống pháp là gì năm 2024

là ai Hỏi Đáp Là gì
Giải hoa hậu nào lớn nhất thế giới năm 2024
Giải hoa hậu nào lớn nhất thế giới năm 2024

mẹo hay Miss Intercontinental
Cho công nhân nghỉ phép trong trường hợp nào năm 2024
Cho công nhân nghỉ phép trong trường hợp nào năm 2024

mẹo hay
Top 15 cac anime manga de thuong va dep doi năm 2024
Top 15 cac anime manga de thuong va dep doi năm 2024

mẹo hay Top List Top
Huyết trắng màu xanh là bệnh gì năm 2024
Huyết trắng màu xanh là bệnh gì năm 2024

là ai
Bài tập môn hệ thống cung cấp điện bách khoa năm 2024
Bài tập môn hệ thống cung cấp điện bách khoa năm 2024

mẹo hay Khỏe Đẹp Bài tập
Top đầu đĩa bluray tốt nhất hiện nay năm 2024
Top đầu đĩa bluray tốt nhất hiện nay năm 2024

mẹo hay Top List Tốt nhất Top Review
Mục tiêu truyền thông của bitis hunter là gì năm 2024
Mục tiêu truyền thông của bitis hunter là gì năm 2024

là ai Hỏi Đáp Là gì Bitis bán gì?

Quảng Cáo

Có thể bạn quan tâm

Bài văn ăn quả nhớ kẻ trồng cây lớp 7 năm 2024
1 ngày trước . bởi NonalignedDomination
0nằm ngủ nhưng nảo ko ngũ là bệnh gì năm 2024
1 ngày trước . bởi HurtfulRestaurant
Baài văn nghị luận xã hội vè 1 câu nói năm 2024
1 ngày trước . bởi FatherlyDexterity
Khắc phục lỗi tự khởi động lại trên mac pro năm 2024
1 ngày trước . bởi TriumphantProgression
Chuẩn mực kế toán cho thuê tài chính năm 2024
1 ngày trước . bởi RelevantBabbling
Tôi bị cận thị tiếng anh là gì năm 2024
1 ngày trước . bởi AppreciableExtinction
Maáy tính win 10 báo lỗi thiếu unknow devices năm 2024
1 ngày trước . bởi IndecentSquad
Nguyeên tắc pháp chế của hiệu trưởng là gì năm 2024
1 ngày trước . bởi UnnoticedCynicism
Photoshop cs3 bị lỗi hệ thống hoặc phần cứng năm 2024
1 ngày trước . bởi CognitiveFastball
Số điện thoại ngân hàng agribank quảng xương thanh hóa năm 2024
1 ngày trước . bởi DecliningScenario

Toplist được quan tâm

#1
Top 4 uống nước chanh sả mật ong có tác dụng gì 2023
5 tháng trước
#2
Top 10 bài tập làm văn số 5 lớp 7 de 4 2023
5 tháng trước
#3
Top 3 vừa chơi đã có tài khoản vương giả chap 1 2023
5 tháng trước
#4
Top 6 anh sẽ on thôi cover phạm nguyên ngọc lyrics 2023
5 tháng trước
#5
Top 7 tài liệu quản lý nhà nước và quản lý ngành giáo dục đào tạo 2023
5 tháng trước
#6
Top 7 hãy ra khỏi người đó đi hợp âm 2023
5 tháng trước
#7
Top 6 giáo án thơ về thăm nhà bác 2023
5 tháng trước
#8
Top 8 giáo án ngữ văn 6 cánh diều 2023
5 tháng trước
#9
Top 9 tinh bột tham gia phản ứng nào 2023
5 tháng trước

Quảng cáo

Xem Nhiều

Cong văn 3722 ngay 4 thang 10 nam 2023 năm 2024
1 tuần trước . bởi TionalExtinction
Các sở ban ngành tiếng trung là gì năm 2024
23 giờ trước . bởi LoathsomeOuting
Top những người được yêu thích nhất thế giới năm 2024
1 tuần trước . bởi WorthlessJuncture
Top 10 leadership qualities that make good leaders năm 2024
1 ngày trước . bởi ParalyzedInstructor
Đề thi môn toán lớp 8 học kì 2 năm 2024
2 ngày trước . bởi AgonizedHostility
Trung tâm dịch vụ nông nghiệp 2023 báo bình định năm 2024
1 tuần trước . bởi SeedyPullman
Đầu số 0766 là mạng gì năm 2024
3 ngày trước . bởi SemanticTrauma
Xe bus 22 đi qua những điểm nào năm 2024
1 tuần trước . bởi HardenedFundraiser
Công văn thu hồi hóa đơn xuất dư năm 2024
3 ngày trước . bởi NarrowRunoff
Theo dõi thai có nguy cơ cao là gì năm 2024
1 tuần trước . bởi EsteemedObscurity

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

DMCA.com Protection Status
Bản quyền © 2021 Hàng Hiệu Inc.