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

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

2

Könnte es so etwas sein, das Sie suchen?

http://www.layoutit.com/

Ich habe es aber nicht versucht.

— David Hjelm
quelle

1

http://stylebootstrap.info/

http://www.bootstrapthemeroller.com/

Es ist nicht wirklich Drag & Drop, aber dies kann eine Lösung für das sein, was Sie tatsächlich zu lösen versuchen - eine einfache Möglichkeit, Bootstrap anzupassen.

— Ryan Doom
quelle

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