Twitter Bootstrap Testumgebung

Question

Ich werde Änderungen an Twitter Boostrap vornehmen, um mein eigenes Theme zu generieren und möchte eine Art Spickzettel, der die Ergebnisse der Optimierung der Stile und CSS zeigt.

Idealerweise wäre eine einzelne Webseite mit all den Twitter Boostrap-Elementen toll, anstatt der Bootstrap-Dokumentation, die sie verteilt hat.

Noch besser wäre eine Seite mit Anmerkungen zu den verschiedenen Elementen, um das Ergebnis Ihrer Änderungen in der Variablen.less-Datei anzuzeigen.

Kennt jemand irgendwelche Ressourcen, die ich betrachten sollte? Danke im Voraus.

Answer 1

Ich habe Bootply genau für diesen Zweck erstellt. Bootply ist eine "jsfiddle" -App, mit der Sie bootstrap-freundliches HTML, JS und CSS bearbeiten können. Es enthält Bootstrap und jQuery für Sie, und es gibt auch Bootstrap-Snippets, die Sie aus der Symbolleiste auswählen und in den Editor einfügen können. Klicken Sie einfach auf "Ausführen", um Ihre Ergebnisse zu sehen.

Bootply verfügt

• Toolbar mit allen Bootstrap CSS, Komponenten und
Javascript
• Namen, Tag und Arbeits Bootstrap Beispiele
• Vorschau in Vollbild oder mobil/ansprechbar
teilen
• Include FontAwesome, jQueryUI und andere Bootstrap-fähige Erweiterungen
• Te st verschiedene Bootstrap-Versionen

http://www.bootply.com

Auch diese test page ist nützlich für alle verfügbaren Elemente auf einmal zu sehen.