Ambiente di test Bootstrap Twitter

Question

Ho intenzione di apportare modifiche a Twitter Boostrap per generare il mio tema e vorrei una specie di cheat sheet che mostri i risultati del tweaking degli stili e dei CSS.

Idealmente, forse una singola pagina Web con tutti gli elementi di Twitter Boostrap in essa contenuti sarebbe ottima invece della documentazione Bootstrap che li ha distribuiti.

Ancora meglio sarebbe una pagina con annotazioni sui vari elementi per mostrare il risultato delle modifiche apportate al file variables.less.

Qualcuno sa di risorse che dovrei guardare? Grazie in anticipo.

Answer 1

Ho creato Bootply esattamente per questo scopo. Bootply è un'app di stile "jsfiddle" che ti consente di modificare HTML, JS e CSS compatibili con Bootstrap. Include Bootstrap e jQuery per te, e ci sono anche snippet Bootstrap che puoi selezionare dalla barra degli strumenti e incollarli nell'editor. Basta fare clic su "Esegui" per vedere i risultati.

Bootply dispone

• Toolbar con tutte Bootstrap CSS, Componenti, e Javascript
• nome, tag e condividere lavoro Bootstrap esempi
• Anteprima a schermo intero o mobile/reattivo
• Include FontAwesome, jQueryUI e altre estensioni pronte per Bootstrap
• Te st diverse versioni Bootstrap

http://www.bootply.com

Inoltre, questo test page è utile per vedere tutti gli elementi disponibili in una sola volta.