Die Schnittstelle
Bootstrap Studio hat eine schöne und leistungsstarke Benutzeroberfläche, die auf der Einfachheit von Drag & Drop basiert. Dies macht es zum perfekten Werkzeug für das Prototyping und Design von Webseiten und Apps.
Schöne Einbaukomponenten
Bootstrap Studio enthält eine große Anzahl hübscher Komponenten zum Erstellen responsiver Seiten. Wir haben Kopf- und Fußzeilen, Galerien, Diashows und sogar grundlegende Elemente wie Spans und Divs.
Intelligentes Drag & Drop
Bootstrap Studio weiß, welche Bootstrap-Komponenten ineinander verschachtelt werden können und gibt Ihnen Vorschläge. Es generiert automatisch schönes HTML für Sie, das aussieht, als wäre es von einem Experten von Hand geschrieben worden.
Erstellen Sie Ihre eigenen Komponenten
Sie können Teile Ihrer Designs als benutzerdefinierte Komponenten extrahieren und sie in jedes von Ihnen erstellte Design einfügen. Sie können diese Komponenten auch als Dateien exportieren und freigeben.
Online-Bibliothek
Wenn Sie eine Komponente benötigen, die nicht in unserer Bibliothek vorhanden ist, klicken Sie einfach auf die Registerkarte Online im Komponentenbereich. Dort finden Sie Tausende von Komponenten, die von der Community erstellt und geteilt werden. Sie können auch Ihre eigenen hochladen.
Verknüpfte Komponenten
Dies ist eine leistungsstarke Funktion, mit der Sie Komponenten synchronisieren können, sodass das Ändern des einen automatisch das andere ändert. Dies ist besonders nützlich für Dinge wie Kopf- und Fußzeilen, die Sie seitenübergreifend aktualisieren müssen.
Echtzeit-Vorschau
Bootstrap Studio verfügt über eine leistungsstarke Funktion namens Vorschau. Damit können Sie Ihr Design in mehreren Webbrowsern und Geräten öffnen, und jede Änderung, die Sie in der App vornehmen, wird sofort überall angezeigt.
Code bearbeiten
Für manche Dinge reicht Drag and Drop nicht aus. Aus diesem Grund gibt Ihnen Bootstrap Studio die volle Kontrolle über Ihr Markup, wenn Sie es brauchen. Sie können CSS, JavaS***** und HTML in unserem Sublime Text-ähnlichen Editor importieren und bearbeiten.
Erweiterter CSS-Editor
Unsere erweiterte CSS-Bearbeitungsschnittstelle unterstützt automatische Vorschläge und Regelvalidierung und zeigt die aktiven und übernommenen Regeln zu einem bestimmten Zeitpunkt an. Sie werden bald Angst haben, zu Ihrem Texteditor zurückkehren zu müssen.
JavaS*****-Bearbeitung
Schreiben Sie JavaS***** in unserem Sublime Text-ähnlichen Editor. Alle Ihre Änderungen werden mit der Vorschau synchronisiert, sodass Sie Code schreiben und ausprobieren können, ohne Ihren Browser neu laden zu müssen.
HTML-Bearbeitung
Mit unserer leistungsstarken benutzerdefinierten Code-Komponente können Sie HTML direkt schreiben, ohne unsere Drag-and-Drop-Oberfläche zu durchlaufen. Sie können auch jeden Teil Ihrer Seite bei Bedarf in benutzerdefinierten Code konvertieren.
Importieren Sie vorhandene Websites
Wenn Sie eine Website haben, die Sie zuvor entwickelt haben, können Sie sie importieren. Ziehen Sie die HTML-, CSS-, JS-Dateien und Bilder einfach per Drag & Drop in Bootstrap Studio und sie werden Ihrem Projekt hinzugefügt.
Noch mehr Funktionen
Es gibt noch viel mehr über unsere wunderbare App zu sagen. Von Produktivitätsfunktionen bis hin zu spezialisierten Bootstrap-Tools macht Bootstrap Studio das Entwerfen von Websites und das Erstellen voll funktionsfähiger Prototypen zu einer wahren Freude.
Gebaut für Bootstrap
Bootstrap Studio weiß, wie man eine gültige Bootstrap-Seite erstellt und schreibt automatisch das richtige HTML. Es unterstützt Bootstrap 3 und wird auf Bootstrap 4 aktualisiert, sobald es herauskommt.
Grid-Tools
Die App verfügt über spezielle Tools für die Arbeit mit dem Bootstrap-Raster. Einfaches Erstellen, Ändern der Größe und Versetzen von Spalten und Anwenden von ansprechenden Sichtbarkeitsklassen.
Google Webfonts
Bootstrap Studio ist in Google Webfonts integriert und bietet Ihnen eine einfache Möglichkeit, Ihre Schriftarten zu importieren und zu verwalten. Namen von Schriftfamilien werden in unserem CSS-Editor sogar automatisch vorgeschlagen.
Produktivitätsfunktionen
Bootstrap Studio bietet umfassende Unterstützung für Tastaturkürzel, mit denen Sie Ihren Arbeitsablauf erheblich beschleunigen können.
Themen und Symbole
Die App verfügt über eine Reihe integrierter Bootstrap-Designs, Symbolschriften, Vorlagen und Komponenten, die Sie zu schönen und einzigartigen Designs kombinieren können.
Immer aktuell
Bootstrap Studio wird automatisch aktualisiert, sodass Sie immer über die neueste Version verfügen. Wir veröffentlichen jeden Monat Updates mit neuen Funktionen, Komponenten und Verbesserungen.
