Блог

Есть ли способ добиться этого? Например, я пытаюсь создать динамическое выпадающее меню, в котором перечислены номера лет, начиная с текущего года. Все найденные мной решения не работают для Bootstrap 5, только родной html, поэтому выпадающий список выглядит неуместно.

Здесь у вас есть код из документации bootstrap:

   <li class="nav-item">
    <a class="nav-link active" aria-current="page" href="#">Active</a>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
    <ul class="dropdown-menu">
      <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>
      <li><hr class="dropdown-divider"></li>
      <li><a class="dropdown-item" href="#">Separated link</a></li>
    </ul>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>
 

Не забудьте импортировать ссылки bootstrap на javascript в свой проект. начальный шаблон