Kreator Bootstrap

Aktualizacja: październik 2026 · zespół Mobirise

Rodzaj narzędzia

Wizualny kreator Bootstrap 5 do tworzenia całych stron: każdy motyw opiera się na Bootstrap 5, a znaczniki każdego bloku wykorzystują siatkę i klasy Bootstrap.

Systemy i instalatory

MobiriseSetup.exe (ok. 105 MB) dla Windows 7 i nowszych; dwie wersje .dmg, na Apple Silicon i na Intel (ok. 134 MB każda), dla macOS High Sierra 10.13 i nowszych; plik .deb (ok. 102 MB) dla Ubuntu i innych systemów Linux opartych na Debianie. Wersja 6.1.12; ten sam silnik działa też w przeglądarce.

Koszt

0 $ za użytkowanie osobiste lub komercyjne, z podstawowym motywem i jego ponad 200 blokami. Płatny plan KIT za 149 $ rocznie dodaje ponad 220 motywów premium i rozszerzeń, wśród nich Code Editor.

Dostęp do kodu

Code Editor pozwala zmieniać znaczniki i CSS dowolnego bloku lub strony. Bez niego wyeksportuj stronę i otwórz ją w dowolnym edytorze.

Wynik

Statyczny kod HTML, CSS i JavaScript, który aplikacja desktopowa zapisuje w każdym planie, także darmowym. Wyślesz go przez FTP lub FTPES, na GitHub Pages albo do folderu, dla dowolnej liczby stron.

AI opcjonalnie

Mobirise AI zamienia krótki opis w cztery projekty z tekstami i obrazami, które dopracujesz w czacie albo ręcznie. Darmowe konta mają trzy generacje AI miesięcznie.

Ograniczenia

Edytor wczytuje tylko projekty utworzone w Mobirise, więc istniejącej strony Bootstrap ani kupionego szablonu nie da się otworzyć. Żadna opcja wizualna nie ukrywa ani nie przesuwa elementów osobno dla każdego urządzenia.

W recenzji z 2015 roku Network World nazwał Mobirise „a free, simple, drag and drop mobile responsive Web site builder” (darmowy, prosty, responsywny kreator mobilnych stron internetowych typu przeciągnij i upuść).

Bootstrap układa stronę z kontenerów, wierszy i dwunastokolumnowej siatki. Jako kreator stron internetowych Bootstrap Mobirise trzyma każdy blok w tym schemacie, dzięki czemu osoba znająca Bootstrap od razu odczyta wyeksportowany kod.

<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>

Źródło: blok z funkcjami z dema systemu zarządzania placówką medyczną w motywie SpecialtyM5 na mobirise.com, bez wewnętrznych elementów opakowujących, ikon i tekstu głównego. Klasy samego Bootstrap zaznaczono na bursztynowo, klasy motywu Mobirise na niebiesko.

Wyeksportowana strona, podobnie jak demo, trzyma pakiet CSS i JavaScript Bootstrap, style motywu oraz obrazy w folderze assets; te pliki opisuje poradnik o kreatorze stron HTML.

8B AI i Webflow nie są narzędziami Bootstrap, ale osoby szukające kreatora stron Bootstrap często biorą je pod uwagę. Wiersze, w których Mobirise wypada gorzej, zostają w tabeli.

Dane zebrane 13 października 2026 ze stron, cenników i pomocy samych producentów, w dolarach amerykańskich, przed zalogowaniem. Ceny jednorazowe dotyczą jednej licencji; plany Mobirise są rozliczane rocznie. Promocje, ceny regionalne i plany często się zmieniają, więc przed zakupem sprawdź je u producenta.

Każde z tych narzędzi daje w efekcie responsywne strony. Różnią się tym, komu służą: osobom, które układają gotowe bloki, osobom, które piszą klasy, i osobom, którym wystarczy sam plik motywu.

Za darmo, wizualnie, pliki zostają Twoje

Mobirise: bloki Bootstrap 5, bezpłatna aplikacja desktopowa i eksport kodu w każdym planie.

Jedna opłata, wszystkie komponenty Bootstrap

Bootstrap Studio: licencja jednorazowa, Bootstrap od 3 do 5 i import strony.

Edycja kodu, który już masz

Pinegrow: otwiera istniejące pliki Bootstrap i pokazuje wyrenderowaną stronę obok kodu źródłowego.

Projekt z AI do oceny przed zapłatą

8B AI, jeśli znaczniki Bootstrap nie mają dla Ciebie znaczenia.

Komponenty Bootstrap 5 online

Shuffle: duża biblioteka komponentów; pobierasz kod i kończysz pracę w swoim IDE.

Tylko motyw: kolory, czcionki, zmienne

bootstrap.build, za darmo, daje Sass lub CSS do własnego procesu budowania.

Układ dopracowany breakpoint po breakpoincie

Webflow, jeśli możesz obejść się bez Bootstrap.

Utrzymanie projektu na Bootstrap 3 lub 4

Bootstrap Studio lub Pinegrow. Motywy Mobirise używają Bootstrap 5.

Panel administracyjny aplikacji webowej

Szablon panelu administracyjnego Bootstrap. Mobirise tworzy strony internetowe, a nie ekrany aplikacji.

Bootstrap działa w podejściu mobile first: klasa zaczyna obowiązywać od swojego breakpointu i na każdym szerszym ekranie. Szerokości pochodzą z dokumentacji Bootstrap, a zachowanie z trzech stron demo widocznych powyżej, gdzie niemal każda kolumna to col-12 plus wartość col-lg.

Liczbę kolumn bloku ustawisz w jego parametrach i sprawdzisz w podglądach na telefonie, tablecie i komputerze. Aby zmienić miejsce, w którym układ się przełącza, albo ukryć coś na małych ekranach za pomocą d-none d-lg-block, edytuj znaczniki w Code Editor; strony demo ładują pełny arkusz stylów Bootstrap, więc takie klasy narzędziowe działają. Żaden przełącznik wizualny nie robi tego osobno dla każdego urządzenia.

Większość zmian nie wymaga kodu. Oto opcje, od najszybszych do najbardziej technicznych: