2012-06-08 19 views
9

Ho un'app Ruby on Rails in esecuzione con Bootstrap, che ho installato utilizzando le gem-twitter-bootstrap-rails.Integrazione del tema Bootswatch con Twitter-Bootstrap-Rails Gem

Vorrei ora integrare un nuovo tema di Bootswatch, ma non riesco a capire cosa fare.

Sono disponibili quattro download per ciascun tema: un file bootstrap.css, un file bootstrap.min.css, un file variables.less e un bootswatch.less. La mia domanda è: devo scaricare e aggiungerli TUTTO alla mia cartella ~/app/assets/stylesheets? o ho solo bisogno di un sottoinsieme di quelli? Attualmente all'interno di ~/app/assets/stylesheets sono solo due file: application.css e boostrap_and_overrides.css.less. MENO mi butta davvero fuori da qui, quindi sono totalmente confuso da come funziona e da cosa devo fare per aggiungere nuovi file css con questa configurazione. Qualsiasi aiuto è apprezzato.

risposta

7

È necessario solo scaricare il file bootstrap.css e rinominarlo. Il file bootstrap.min.css è lo stesso del file css solo una versione ridotta di esso. Meno è solo un altro modo di scrivere css e accedere a ciascuna proprietà in modo diverso. Controlla less. Aggiungi il file css e inizia l'integrazione in html, inoltre punta html al nuovo foglio di stile.

+0

Così sto supponendo che se mi passi nel file bootstrap.css, rinominarlo a new_theme.css, e aggiungi uno stylesheet_link_tag (nella vista application.html.haml) o richiedi (in application.css), il nuovo tema sovrascrive il tema Bootstrap predefinito dove appropriato? – tanookiben

+0

Sì e anche controllare la loro pagina [github] (https://github.com/thomaspark/bootswatch/blob/master/README.md), informazioni molto preziose su come utilizzare il loro bootstrap. – coletrain

+0

Cool grazie per l'aiuto! – tanookiben