Twitter Bootstrap-Testumgebung

8

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

Idealerweise wäre eine einzige 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 Datei variable.less anzuzeigen.

Kennt jemand irgendwelche Ressourcen, die ich mir ansehen sollte? Vielen Dank im Voraus.

    
Joe 24.04.2013, 17:41
quelle

1 Antwort

22

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 anzuzeigen.

Bootply-Funktionen

  • Symbolleiste mit allen Bootstrap CSS, Komponenten und Javascript
  • Benennen, markieren und teilen Sie arbeiten Bootstrap-Beispiele
  • Vorschau im Vollbildmodus oder mobil / responsiv
  • Include FontAwesome, jQueryUI und andere Bootstrap-fähige Erweiterungen
  • Testen Sie verschiedene Bootstrap-Versionen

Ссылка

Auch diese Testseite ist nützlich, um alle verfügbaren Elemente gleichzeitig zu sehen.

    
ZimSystem 24.04.2013, 17:46
quelle

Tags und Links