• Accordion
• Alerts
• Badges
• Basicstructure
• Cards
• Carousel
• Dropdown
• Grids
• Listgroups
• Modal
• Popover
• Tables
• Tabs
• Toast

<!-- Dropdown-meny container -->
<div class="dropdown">
    <!-- Knapp som aktiverar dropdown-menyn när man klickar på den -->
    <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">
      Dropdown button
    </button>
    
    <!-- Lista med dropdown-menyns innehåll -->
    <ul class="dropdown-menu">
      <!-- Rubriksektion i dropdown-menyn -->
      <li><h5 class="dropdown-header">Dropdown header 1</h5></li>
      
      <!-- Länkar i dropdown-menyn -->
      <li><a class="dropdown-item" href="#">Link 1</a></li>
      <li><a class="dropdown-item" href="#">Link 2</a></li>
      <li><a class="dropdown-item" href="#">Link 3</a></li>
      
      <!-- Ytterligare en rubriksektion -->
      <li><h5 class="dropdown-header">Dropdown header 2</h5></li>
      
      <!-- Ytterligare en länk -->
      <li><a class="dropdown-item" href="#">Another link</a></li>
    </ul>
</div>

---

Dropdown knapp

A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list:

The .dropdown class indicates a dropdown menu. To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and the data-bs-toggle="dropdown" attribute. Add the .dropdown-menu class to a container element, like ul, to actually build the dropdown menu.