Gibt es einen visuellen Web-Editor, der auf Bootstrap basiert?

11

Bootstrap ist ein großartiges Framework, und ich möchte wissen, ob es ein Tool gibt, mit dem Sie HTML-Komponenten ziehen, ihre Größe ändern und verschieben, Farben ändern und gleichzeitig den Bootstrap-HTML-Code generieren können.

Ich möchte Dreamweaver nicht verwenden, da Sie dem HTML-Code Klassen und IDs hinzufügen müssen, was manchmal schmerzhaft sein kann.

website-design css html Kamel Labiad
quelle
1
Ich denke nicht, dass es schwierig ist, dies speziell zu tun, wenn Sie ein bestimmtes CSS verwenden möchten. Die Schaltfläche und alle UI-Komponenten sollten vorgestylt sein. Dies ist die einzige Ehrerbietung, und dies könnte viel Zeit sparen
Kamel Labiad
1
@ DA01 WYSIWYGs sind knifflig. Sie werden immer besser, scheinen aber nie genug aufzuholen, bevor das Web eine Wendung nimmt und wieder exponentiell komplexer wird. Sie sind an einem Punkt angelangt, an dem sie für sehr einfache Websites, die auf Desktops und Laptops ausgeführt werden, problemlos funktionieren können, aber das scheint es zu sein.
Eric
Schließlich scheint dies eine Antwort auf das zu sein, wonach ich gesucht habe. pingendo.com
Kamel Labiad

Antworten:

5

Jetstrap ist ein Online-Tool, mit dem Sie eine große Anzahl offizieller Bootstrap-Komponenten per Drag & Drop direkt auf Ihre Seite ziehen können.

Geben Sie hier die Bildbeschreibung ein

Sie garantieren anscheinend Reaktionsfähigkeit und sauberen HTML-Export.

Es ist kostenlos für ein Projekt und 8 US-Dollar für 10 Projekte.

Yisela
quelle
Dies ist nicht mehr verfügbar.
Skelly
3

Check out Bootply.com - Es ist ein kostenloser browserbasierter Editor für Bootstrap HTML, JS und CSS.

  • Symbolleiste mit allen Bootstrap-CSS, Komponenten und JavaScript
  • Vorschau im Vollbildmodus oder mobil / reaktionsschnell
  • Enthält FontAwesome, jQueryUI und andere Bootstrap-Erweiterungen
  • Unterstützung für Bootstrap 3

AKTUALISIEREN

Bootply unterstützt jetzt den kommenden Bootstrap 4.

Skelly
quelle
Das sieht wirklich toll aus Lösung
Chaklader Asfak Arefe
0

Hier gibt es den neuesten visuellen Bootstrap-Editor / Builder:

UMyProto Bootstrap Builder

Es ist äußerst benutzerfreundlich. Sie können das reaktionsschnelle Raster mit mehreren Klicks bearbeiten, benutzerdefinierte CSS-Stile hinzufügen, das Bootstrap-Thema über WENIGER Variablen ändern und abgeschlossene HTML-Dateien in der Vorschau anzeigen, freigeben und herunterladen. Und der Builder arbeitet an Tablets!

ipselon
quelle
Es scheint endgültig weg zu sein!
Chaklader Asfak Arefe
0

Ich denke, dass dreamweaver cc 2014 Vorlagen hat, die dem Bootstrap sehr ähnlich sind und die Sie sofort verwenden können.

Ihre Unmarathons
quelle
Vielen Dank für den Beitrag und willkommen bei GraphicDesign! Wenn Sie Fragen haben, lassen Sie es uns wissen.
Zach Saucier
0

Schauen Sie sich diese App an, die ich entwickelt habe: Bootstrap 3 Drag'and'drop Builder

Geben Sie hier die Bildbeschreibung ein

user2345551
quelle
Das scheint ein großartiges Konzept zu sein, aber es ist noch nicht einmal in der Beta- und privaten Einladung, so dass es noch nicht einmal zum Testen freigegeben ist, so dass es schwer zu empfehlen wäre.
DᴀʀᴛʜVᴀᴅᴇʀ
versuchen Sie kostenlose Bootstrap-Vorlagen KIT bootstraptor.com/bootstrap-free und Bootstrap 3. * Premium-Entwickler Starter KIT hier bootstraptor.com
user2345551
0

Pinegrow ist eine weitere sehr gute Option. Hilft Ihnen bei Layouts in Bootstrap & Foundation, die Sie auch in anderen Apps problemlos bearbeiten können.

Spiral-
quelle