Конструктор Bootstrap

Обновлено в октябре 2026 года · автор: команда Mobirise

Тип инструмента

Визуальный конструктор целых сайтов на Bootstrap 5: каждая тема построена на Bootstrap 5, а разметка каждого блока использует сетку и классы Bootstrap.

Системы и установщики

MobiriseSetup.exe (около 105 МБ) для Windows 7 и новее; две сборки .dmg, для Apple Silicon и для Intel (около 134 МБ каждая), для High Sierra 10.13 и новее; .deb (около 102 МБ) для Ubuntu и других дистрибутивов Linux на базе Debian. Версия 6.1.12; тот же самый движок работает и в браузере.

Стоимость

$0 за личные и коммерческие проекты, с базовой темой и её 200+ блоками. Платный план KIT — $149 в год — добавляет 220+ премиум-тем и расширений, в том числе Code Editor.

Доступ к коду

Code Editor позволяет переписать разметку и CSS любого блока или страницы. Без него экспортируйте сайт и правьте файлы в любом редакторе.

Результат

Статические HTML, CSS и JavaScript: приложение для компьютера создаёт их на любом плане, в том числе бесплатном. Отправляйте файлы по FTP или FTPES, на GitHub Pages или в папку, для любого числа сайтов.

ИИ по желанию

Mobirise AI превращает короткое описание в четыре варианта дизайна с текстами и картинками, которые можно доработать в чате или вручную. Бесплатные аккаунты получают три ИИ-генерации в месяц.

Ограничения

Редактор открывает только проекты, созданные в Mobirise, поэтому существующий сайт на Bootstrap или купленный шаблон открыть нельзя. Визуальных настроек, которые скрывают или перемещают элементы для разных устройств, нет.

В обзоре 2015 года Network World назвал Mobirise «a free, simple, drag and drop mobile responsive Web site builder» («бесплатный, простой конструктор сайтов с drag-and-drop, адаптивный для мобильных устройств»).

Bootstrap организует страницу в виде контейнеров, строк и сетки из двенадцати столбцов. Как конструктор сайтов на Bootstrap, Mobirise держит каждый блок в этой схеме, поэтому экспортированную разметку сразу прочтёт любой, кто знает Bootstrap.

<section data-bs-version="5.1" class="features03 specialtym5 cid-vdJCkTr7dA">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <div class="card-wrapper large-radius">
          <div class="row content-wrapper justify-content-center">
            <div class="col-12 col-lg-7 card">
              <h2 class="mbr-section-title mbr-fonts-style display-2">
                Advanced Medical Management System</h2>
            </div>
            <div class="col-12 col-lg-5 card">
              <p class="mbr-text mbr-fonts-style display-7">…</p>
              <a class="btn btn-secondary-outline display-4" href="#">View More</a>
            </div>
          </div>
          <div class="row items-wrapper justify-content-center">
            <div class="item features-without-image col-12 col-lg-4">
              <h4 class="item-title mbr-fonts-style display-5">Records Management</h4>
              <p class="item-text mbr-fonts-style display-7">…</p>
            </div>
            <!-- two more cards: Smart Scheduling, Reporting Tools -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Источник: блок с возможностями из демо-сайта медицинской системы управления на теме SpecialtyM5 на mobirise.com; внутренние обёртки, значки и основной текст убраны. Собственные классы Bootstrap выделены янтарным цветом, классы тем Mobirise — синим.

Экспортированный сайт, как и демо, хранит полный пакет CSS и JavaScript Bootstrap, стили темы и изображения в папке assets; об этих файлах рассказывает руководство по конструктору HTML-страниц.

8B AI и Webflow не работают на Bootstrap, но те, кто подбирает конструктор сайтов на Bootstrap, часто присматриваются и к ним. Строки, где Mobirise выглядит хуже, оставлены.

Факты собраны 13 октября 2026 года на собственных сайтах производителей, в их прайс-листах и справочных разделах; цены в долларах США до входа в аккаунт. Разовые цены указаны за одну лицензию; планы Mobirise оплачиваются раз в год. Распродажи, региональные цены и планы часто меняются, поэтому перед оплатой уточните условия у производителя.

Все эти инструменты приводят к адаптивным страницам. Различаются они тем, кому служат: тем, кто собирает страницу из готовых блоков, тем, кто пишет классы, и тем, кому нужен только файл темы.

Бесплатно, визуально, файлы остаются у вас

Mobirise: блоки Bootstrap 5, бесплатное приложение для компьютера и экспорт кода на любом плане.

Один платёж, все компоненты Bootstrap

Bootstrap Studio: разовая лицензия, Bootstrap с 3 по 5 и импорт сайтов.

Правка кода, который у вас уже есть

Pinegrow: открывает существующие файлы Bootstrap и показывает отрисованную страницу рядом с исходником.

Дизайн от ИИ, который можно оценить до оплаты

8B AI, если разметка Bootstrap вам не важна.

Компоненты Bootstrap 5 онлайн

Shuffle: большая библиотека компонентов, которые скачиваются и дорабатываются в вашей IDE.

Только тема: цвета, шрифты, переменные

bootstrap.build, бесплатно, выдаёт Sass или CSS для вашей собственной сборки.

Макет, настроенный по каждому брейкпоинту

Webflow, если можно обойтись без Bootstrap.

Поддержка проекта на Bootstrap 3 или 4

Bootstrap Studio или Pinegrow. Темы Mobirise построены на Bootstrap 5.

Админ-панель для веб-приложения

Админ-шаблон на Bootstrap. Mobirise делает сайты, а не экраны приложений.

Bootstrap исходит из принципа mobile first: класс действует с своего брейкпоинта и на всех более широких экранах. Ширины взяты из документации Bootstrap; поведение — из трёх демо-сайтов на изображении выше, где почти каждая колонка — это col-12 плюс значение col-lg.

Число колонок блока задаётся в его параметрах; проверьте результат в режимах просмотра для телефона, планшета и компьютера. Чтобы изменить точку, где макет перестраивается, или скрыть что-то на малых экранах с помощью d-none d-lg-block, правьте разметку в Code Editor; демо-страницы загружают полную таблицу стилей Bootstrap, поэтому такие утилиты работают. Визуального переключателя, который делал бы это для отдельных устройств, нет.

Большинство правок обходится без кода. Инструменты — от самых быстрых до самых технических: