Bootstrap v5.0 выбор языка — какие есть примеры?

В Bootstrap v5.0 выбор языка осуществляется с помощью компонента "Dropdown", который предоставляет пользователю возможность выбрать нужный язык из списка. Ниже приведены примеры реализации этого компонента на нескольких популярных языках программирования.

Пример на HTML:

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false">
    Язык
  </button>
  <ul class="dropdown-menu" aria-labelledby="languageDropdown">
    <li><a class="dropdown-item" href="#">Русский</a></li>
    <li><a class="dropdown-item" href="#">Английский</a></li>
    <li><a class="dropdown-item" href="#">Испанский</a></li>
  </ul>
</div>

Пример на JavaScript с использованием jQuery:

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false">
    Язык
  </button>
  <ul class="dropdown-menu" aria-labelledby="languageDropdown">
    <li><a class="dropdown-item" href="#">Русский</a></li>
    <li><a class="dropdown-item" href="#">Английский</a></li>
    <li><a class="dropdown-item" href="#">Испанский</a></li>
  </ul>
</div>

<script>
$(document).ready(function() {
  $('.dropdown-toggle').dropdown();
});
</script>

Пример на React с использованием react-bootstrap:

import React from 'react';
import { DropdownButton, Dropdown } from 'react-bootstrap';

const LanguageSelector = () => {
  return (
    <DropdownButton id="languageDropdown" title="Язык">
      <Dropdown.Item href="#">Русский</Dropdown.Item>
      <Dropdown.Item href="#">Английский</Dropdown.Item>
      <Dropdown.Item href="#">Испанский</Dropdown.Item>
    </DropdownButton>
  );
}

export default LanguageSelector;

В этих примерах компонент "Dropdown" отображает список языков с помощью элементов "li" (в случае HTML и JavaScript) или "Dropdown.Item" (в случае React), которые пользователь может выбрать. При выборе языка происходит соответствующее действие, такое как перевод страницы на выбранный язык или сохранение выбранного значения для последующего использования. Обратите внимание, что в примерах используются разные библиотеки (Bootstrap, jQuery, react-bootstrap), поэтому для каждого примера могут потребоваться соответствующие ресурсы и скрипты для работы компонента "Dropdown".