Über welche Entwicklungstools verfügt Bootstrap?

Bootstrap-Entwicklungstools: 1. Jetstrap; 3. Bootstrap Magic;

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap-Version 3.3.7, DELL G3-Computer

Bootstrap ist ein einfaches, intuitives und intuitives Design, das auf HTML, CSS und JavaScript basiert und von Mark Otto entwickelt wurde und Jacob Thornton, Designer des amerikanischen Twitter-Unternehmens. Das leistungsstarke Front-End-Entwicklungsframework beschleunigt die Webentwicklung. Bootstrap stellt elegante HTML- und CSS-Spezifikationen bereit, die in der dynamischen CSS-Sprache Less geschrieben sind.

Bootstrap erfreut sich seit seiner Einführung großer Beliebtheit und ist ein beliebtes Open-Source-Projekt auf GitHub, darunter MSNBC (Microsoft National Broadcasting Company) Breaking News der NASA. Einige Frameworks, die inländischen Mobilentwicklern bekannt sind, wie das Front-End-Open-Source-Framework WeX5, sind ebenfalls leistungsoptimiert und basieren auf dem Bootstrap-Quellcode.

Bootstrap-Entwicklungstools:

1. Jetstrap

Jetstrap ist ein vollständig webbasiertes Tool zum Erstellen von Schnittstellen für Twitter Bootstrap, das für Entwickler, Designer und Entwickler entwickelt wurde. Mit Jetstrap können Sie schnell und mit sehr geringem Aufwand schöne Websites erstellen.

2. Bootply

Bootply ermöglicht Ihnen das einfache Debuggen von Bootstrap. Bearbeiten Sie CSS, HTML und JavaScript. Mit Bootply können Sie das Bootstrap-Framework entwerfen, prototypisieren, erweitern oder testen. Bootply lässt sich in andere beliebte Bootstrap-Plugins, Mikrobibliotheken und Frameworks integrieren.

3. DivShot

Divshot ist ein Drag-and-Drop-basierter Frontend-Editor, mit dem Sie Twitter Bootstrap (natürlich kann auch Foundation verwendet werden) verwenden, um eine responsive Website zu erstellen Um selbst zu programmieren, genügt ein einfaches Drag-and-Drop.

4. Bootstrap Magic

Der Bootstrap Magic-Themengenerator basiert auf Twitter Bootstrap 3 und AngularJS. Sie können schnell und einfach Ihr eigenes Twitter-Bootstarp-Theme erstellen. Sie können sofort sehen, was Sie ändern, und Sie können wunderschöne Webschriftarten von Google Webfont hinzufügen.

5. Layoutit

LayoutIt ist ein Twitter-Bootstrap-Schnittstellengenerator, mit dem Sie schnell Website- und Schnittstellenmodelle erstellen und gleichzeitig den generierten Website-Code herunterladen können. Erstellen Sie mit nur wenigen Drag-and-Drop-Vorgängen eine schöne Twitter-Bootstrap-Website. Alle Designs können responsive CSS und flüssig sein und können problemlos in jede Programmiersprache integriert werden. Sie müssen nur den HTML-Code herunterladen, um mit der Codierung des Designs zu beginnen.

6, X-editable

X-editable unterstützt die direkte Bearbeitung mit Twitter Bootstrap, jQuery UI oder reinem jQuery. Mit dieser Bibliothek können Sie bearbeitbare Elemente auf Ihren Webseiten erstellen. Es umfasst Popup- und Inline-Modi. Es unterstützt Eingabeelemente wie Text, Textbereich, Dropdown-Liste, Datum, Dateui und Checkliste. Es unterstützt die clientseitige und serverseitige Validierung. Darüber hinaus ist die Position des Containers vollständig anpassbar und Benutzer können mit einem einzigen Klick oder Doppelklick automatisch oder manuell wechseln.

7. Grid Displayer

Grid Displayer ist ein Lesezeichen-Tool, das zum Anzeigen von Rastern für Twitter Bootstrap (feste und flüssige Raster) und Foundation (2.0 und 3.0) verwendet werden kann. Es unterstützt Firefox- und WebKit-basierte Browser.

8. GetkickStrap

Kickstrap kombiniert perfekt Bootstrap und nutzt erstklassige Webtechnologie. Es kann bewährte, datenbankgesteuerte Webanwendungen ausführen, ohne dass ein natives Backend erforderlich ist. Kickstrap bietet in Kombination mit JSPM.io Abhängigkeiten für leistungsstarke Front-End-Pakete, die auf Require.js basieren. Eine Kickstrap-Anwendung ist eine Sammlung statischer Ressourcen, die jederzeit während des Lebenszyklus einer Webanwendung ausgeführt werden können.

9. Font Awesome

Font Awesome ist eine Reihe von Icon-Schriftartenbibliotheken, die speziell für Twitter Boostrap entwickelt wurden. Dieser Symbolschriftsatz deckt fast alle Symbole ab, die auf Webseiten verwendet werden können. Zusätzlich zu den Standardsymbolen von Twitter Boostrap gibt es auch Symbole für soziale Netzwerke, Webanwendungssymbole, Editorsymbole usw. und kann kostenlos verwendet werden kommerzielle Projekte.

10. Bootstrap-Button-Generator

Dies ist ein sehr nützliches Tool zur Generierung von Twitter-Bootstrap-Buttons. Sie müssen nur den neuen Button-Stil eingeben und ihn mit verschiedenen Button-Farben abgleichen.

11, Easel

Easel ist ein beeindruckendes Twitter Bootstrap-Designtool, mit dem Sie bestimmte Elemente in Ihrem Dokument mit anderen Dateien in Ihrer Prototypanwendung verknüpfen können. Sie können Ihre Benutzer sogar den Test bestehen lassen, sodass Sie frühzeitig Feedback erhalten.

12. Fancyboot

Fancyboot ist ein einfaches, aber leistungsstarkes Twitter-Bootstrap-Anpassungstool mit genau dem richtigen Maß an Kontrolle und beseitigt jegliche unnötige Komplexität.

13、Bootstrap-Designer

Bootstrap Designer ist ein Online-Designtool, das wunderschöne HTML5-Vorlagen basierend auf Twitter Bootstrap erstellen kann. Es können verschiedene Designstile erstellt werden: minimalistisch, schwarz-weiß, typografieorientiert, monochromer Look, klar und kreativ usw.

14, Bootsnipp

Bootsnipp ist eine Galerie mit Elementen für Webdesigner und Webentwickler. Jeder, der Twitter Bootstrap verwendet, wird es für seine Arbeit unverzichtbar finden.

15, PaintStrap

Mit Paintstrap können Sie mithilfe der Farbanpassung von Adobe Kuler oder COLOURlovers wunderschöne Twitter-Bootstrap-Themen erstellen.

Empfohlenes Lernen: „Tutorial zur Bootstrap-Nutzung“

Das obige ist der detaillierte Inhalt vonÜber welche Entwicklungstools verfügt Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!