Search
 
SCRIPT & CODE EXAMPLE
 

HTML

bootstrap 5 dropdown

<div class="dropdown">
  <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
    Dropdown link
  </a>

  <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
    <li><a class="dropdown-item" href="#">Action</a></li>
    <li><a class="dropdown-item" href="#">Another action</a></li>
    <li><a class="dropdown-item" href="#">Something else here</a></li>
  </ul>
</div>
Comment

dropdown bootstrap 5

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">Navbar</a>
   
    <div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
      <ul class="navbar-nav">
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            Dropdown
          </a>
          <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
            <li><a class="dropdown-item" href="#">Action</a></li>
            <li><a class="dropdown-item" href="#">Another action</a></li>
            <li><a class="dropdown-item" href="#">Something else here</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>
Comment

PREVIOUS NEXT
Code Example
Html :: how to make a button not reload on click 
Html :: void javascript link 
Html :: elementor icon controls 
Html :: bootstrap textarea width 
Html :: justify content space between class bootstrap 
Html :: tailwind css link 
Html :: axonivy reuseable component 
Html :: python in html 
Html :: laravel old request html div add style 
Html :: fa fa pencil edit icon 
Html :: create a table in html with 3 rows and 4 columns 
Html :: select tag html 
Html :: tailwind display inline block 
Html :: use of extends in html django 
Html :: table align 
Html :: html checkbox default checked 
Html :: tailwind custom inline shadow 
Html :: how to contrast img in html 
Html :: type phone number html 
Html :: google logo link 
Html :: html phone number validation pattern 
Html :: google translate for website html code 
Html :: info icon in html 
Html :: how to check system is 32 or 64 linux 
Html :: html fax 
Html :: how to make red asterisk in html 
Html :: html pass a string to clipboard 
Html :: html number format decimal places 
Html :: redirect to folder html 
Html :: safari input type number problem with decimals 
ADD CONTENT
Topic
Content
Source link
Name
5+2 =