Hey, where did my words go? (Click to hide)

In the trial version of Web2Disk every fifth word is blanked out. To copy this site with all the words, please upgrade to the full version and copy this website again.

Inspyder Web2Disk: The Website Downloader
Rubick Bootstrap HTML Admin Template

Dropdown

Basic Dropdown

   HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton _____=&____;________-______ btn btn-primary" aria-expanded="false" data-bs-toggle="dropdown"HTMLCloseTagShow ___________________/__________________ HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagul _____=&____;________-_______&____;____________ HTMLOpenTagliHTMLCloseTagHTMLOpenTaga href="" class="dropdown-item"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTagHTMLOpenTag/liHTMLCloseTag _____________________________________ href="" class="dropdown-item"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTagHTMLOpenTag/liHTMLCloseTag HTMLOpenTag/ulHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag    

Header & Footer Dropdown

Icon Dropdown

   HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton _____=&____;________-______ btn btn-primary" aria-expanded="false" data-bs-toggle="dropdown"HTMLCloseTagShow ___________________/__________________ HTMLOpenTagdiv class="dropdown-menu w-48"HTMLCloseTag HTMLOpenTagul _____=&____;________-_______&____;____________ HTMLOpenTagliHTMLCloseTag HTMLOpenTaga href="" class="dropdown-item"HTMLCloseTag ____________ data-feather="edit-2" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___ Dropdown HTMLOpenTag/aHTMLCloseTag HTMLOpenTag/liHTMLCloseTag HTMLOpenTagliHTMLCloseTag ____________ href="" class="dropdown-item"HTMLCloseTag HTMLOpenTagi data-feather="trash" _____=&____;_-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Delete Dropdown ___________/_____________ HTMLOpenTag/liHTMLCloseTag HTMLOpenTag/ulHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag    

Programmatically Show/Hide Dropdown

   HTMLOpenTag!-- BEGIN: Show _____ Toggle --HTMLCloseTag HTMLOpenTagbutton id="programmatically-show-dropdown" _____=&____;___ btn-primary w-40 me-1 mb-2"HTMLCloseTagShowHTMLOpenTag/buttonHTMLCloseTag ___________!-- END: Show Modal Toggle --____________ HTMLOpenTag!-- BEGIN: Hide Modal ______ --HTMLCloseTag HTMLOpenTagbutton id="programmatically-hide-dropdown" class="btn ___-_______ w-40 me-1 mb-2"HTMLCloseTagHideHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag!-- ___: Hide Modal Toggle --HTMLCloseTag ___________!-- BEGIN: Toggle Modal Toggle --____________ HTMLOpenTagbutton id="programmatically-toggle-dropdown" class="btn btn-primary _-40 me-1 mb-2"HTMLCloseTagToggleHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag!-- END: ______ Modal Toggle --HTMLCloseTag HTMLOpenTag!-- _____: Dropdown Content --HTMLCloseTag HTMLOpenTagdiv _____=&____;________ d-inline-block"HTMLCloseTag HTMLOpenTagbutton id="programmatically-dropdown" class="dropdown-toggle ___ btn-primary w-40 me-1 mb-2" ____-________=&____;_____&____; data-bs-auto-close="inside" data-bs-toggle="dropdown"HTMLCloseTagExample DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv _____=&____;________-____ w-48"HTMLCloseTag HTMLOpenTagul class="dropdown-content"HTMLCloseTag HTMLOpenTagliHTMLCloseTagHTMLOpenTaga ____=&____;&____; class="dropdown-item"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTagHTMLOpenTag/liHTMLCloseTag HTMLOpenTagliHTMLCloseTagHTMLOpenTaga href="" _____=&____;________-____&____;__________________ DropdownHTMLOpenTag/aHTMLCloseTagHTMLOpenTag/liHTMLCloseTag HTMLOpenTag/ulHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________!-- END: Dropdown Content --HTMLCloseTag    
   let dropdown = ___ bootstrap.Dropdown( cash("#programmatically-dropdown")[0] ); // ____ dropdown cash("#programmatically-show-dropdown").on("click", function () { dropdown.show(); }); // Hide ________ cash("#programmatically-hide-dropdown").on("click", function () { ________.____(); }); // Toggle dropdown ____(&____;#________________-______-________&____;).__(&____;_____&____;, function () { dropdown.toggle(); });    

Dropdown with close button

   HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTagdiv _____=&____;________&____;____________ HTMLOpenTagbutton class="dropdown-toggle btn btn-primary" ____-________=&____;_____&____; data-bs-auto-close="outside" data-bs-toggle="dropdown"HTMLCloseTag Filter Dropdown ____________ data-feather="chevron-down" class="w-4 h-4 ms-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTagdiv class="dropdown-menu"HTMLCloseTag HTMLOpenTagdiv class="dropdown-content _-4&____;____________ HTMLOpenTagdivHTMLCloseTag HTMLOpenTagdiv class="fs-xs"HTMLCloseTagFromHTMLOpenTag/divHTMLCloseTag HTMLOpenTaginput ____=&____;____&____; class="form-control mt-2 flex-1" placeholder="example@gmail.com"/HTMLCloseTag ___________/_______________ HTMLOpenTagdiv class="mt-3"HTMLCloseTag HTMLOpenTagdiv class="fs-xs"HTMLCloseTagToHTMLOpenTag/divHTMLCloseTag ________________ type="text" class="form-control mt-2 flex-1" ___________=&____;_______@_____.___&____;/____________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center __-3&____;____________ HTMLOpenTagbutton data-bs-dismiss="dropdown" class="btn btn-secondary _-32 ms-auto"HTMLCloseTagCloseHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-primary _-32 ms-2"HTMLCloseTagSearchHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag    

Scrolled Dropdown

   HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton _____=&____;________-______ btn btn-primary" aria-expanded="false" data-bs-toggle="dropdown"HTMLCloseTagShow ___________________/__________________ HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagul _____=&____;________-_______ overflow-y-auto h-32"HTMLCloseTag HTMLOpenTagliHTMLCloseTagHTMLOpenTaga href="" _____=&____;________-____&____;______________________________/________________________/______________ HTMLOpenTagliHTMLCloseTagHTMLOpenTaga href="" class="dropdown-item"HTMLCloseTagFebruaryHTMLOpenTag/aHTMLCloseTagHTMLOpenTag/liHTMLCloseTag HTMLOpenTagliHTMLCloseTagHTMLOpenTaga ____=&____;&____; class="dropdown-item"HTMLCloseTagMarchHTMLOpenTag/aHTMLCloseTagHTMLOpenTag/liHTMLCloseTag HTMLOpenTagliHTMLCloseTagHTMLOpenTaga href="" class="dropdown-item"HTMLCloseTagJuneHTMLOpenTag/aHTMLCloseTagHTMLOpenTag/liHTMLCloseTag _____________________________________ href="" class="dropdown-item"HTMLCloseTagJulyHTMLOpenTag/aHTMLCloseTagHTMLOpenTag/liHTMLCloseTag HTMLOpenTag/ulHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________    

Header & Icon Dropdown

   HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton _____=&____;________-______ btn btn-primary" aria-expanded="false" data-bs-toggle="dropdown"HTMLCloseTagShow ___________________/__________________ HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagul _____=&____;________-_______&____;____________ HTMLOpenTagliHTMLCloseTagHTMLOpenTagh6 class="dropdown-header py-0"HTMLCloseTagExport ToolsHTMLOpenTag/h6HTMLCloseTagHTMLOpenTag/liHTMLCloseTag ______________________________________ class="dropdown-divider"HTMLCloseTagHTMLOpenTag/liHTMLCloseTag HTMLOpenTagliHTMLCloseTag HTMLOpenTaga href="" _____=&____;________-____&____;____________ HTMLOpenTagi data-feather="printer" class="w-4 h-4 ____-____-700 dark-text-gray-300 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Print HTMLOpenTag/aHTMLCloseTag ___________/______________ HTMLOpenTagliHTMLCloseTag HTMLOpenTaga href="" class="dropdown-item"HTMLCloseTag ____________ data-feather="external-link" class="w-4 h-4 text-gray-700 ____-____-____-300 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Excel HTMLOpenTag/aHTMLCloseTag HTMLOpenTag/liHTMLCloseTag _________________________ HTMLOpenTaga href="" class="dropdown-item"HTMLCloseTag HTMLOpenTagi ____-_______=&____;____-____&____; class="w-4 h-4 text-gray-700 dark-text-gray-300 __-2&____;_______________________/_____________ CSV HTMLOpenTag/aHTMLCloseTag HTMLOpenTag/liHTMLCloseTag HTMLOpenTagliHTMLCloseTag ____________ href="" class="dropdown-item"HTMLCloseTag HTMLOpenTagi data-feather="archive" _____=&____;_-4 h-4 text-gray-700 dark-text-gray-300 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___ HTMLOpenTag/aHTMLCloseTag HTMLOpenTag/liHTMLCloseTag HTMLOpenTag/ulHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________/_______________    

Dropdown Placement

Dark Mode