Делаем меню Bootstrap

Онлайн инструмент для создания настраиваемых навигационных меню с использованием Bootstrap 3, 4 и 5. Вы сможете создавать адаптивные меню, настраивать их внешний вид и получать готовый код для вставки на ваш сайт.

Как использовать генератор

Использование генератора меню максимально простое.

  1. Выберите версию Bootstrap.
  2. Установите размер шрифта.
  3. Установите размер внутренних отступов.
  4. Выберите цвет фона меню.
  5. Выберите цвет текста меню.
  6. Выберите цвет фона подпунктов.
  7. Выберите цвет текста подпунктов.
  8. Настройте параметры меню с помощью настроек.
  9. Смотрите изменения в реальном времени в демонстрационном меню.
  10. Скопируйте готовый код или скачайте его в виде HTML-файла.
  11. Вставьте код на ваш сайт и наслаждайтесь результатом!

Функционал генератора

  • Поддержка Bootstrap 3, 4 и 5.
  • Настройка внутренних отступов и размера шрифта.
  • Выбор цветов фона и текста для меню.
  • Настройка цветов при наведении на пункты меню.
  • Управление цветами фона и текста для подпунктов.
  • Добавление тени и закругленных углов.
  • Возможность сделать меню фиксированным.
  • Генерация готового HTML и CSS кода.
  • Копирование кода в буфер обмена и скачивание в виде файла.

Ещё генераторы

Генератор Card Bootstrap
Генератор @media Bootstrap