Applicazione Rails: utilizzo di una gemma rispetto alla fonte con Twitter Bootstrap

Question

Ho esaminato la mia app e sto riscontrando problemi nel trovare esattamente dove si trova la fonte di avvio di Twitter quando la includo in una gemma. Ad esempio, se volessi visualizzare il file .st di Bootstrap, come lo trovo?

L'alternativa, come ho capito, includerla come una gemma sarebbe scaricare e includere la fonte direttamente, corretta? Un approccio è migliore dell'altro.

Infine, se volessi modificare il cst di Bootstrap qual è il modo migliore per farlo? Se avessi la fonte nella mia app, immagino di poter andare lì e modificare le cose. Che ne dici se lo includo come una gemma?

Alcuni chiarimenti su come funziona sarebbero molto apprezzati. Avere la fonte nella directory della mia app da qualche parte ha senso, e potrei indicarlo rispetto ai file .html ... ma con il Gemfile mi sento come se le cose fossero in una piccola scatola nera ...

Answer 1

Io assolutamente d'accordo è deludente per avere i file Bootstrap seduti all'esterno dell'applicazione.

vi consiglio il seguente flusso di lavoro, in questo caso:

1. Clone repo bootstrap-sass da Github o scaricare i zipball. È il porto ufficiale di Bootstrap in Sass e viene aggiornato dalla stessa squadra.

2. Copia solo partials Sass (quelli il cui nome file inizia con un trattino basso) a app/vendor/assets/stylesheets. Javascript e immagini vanno nelle rispettive directory sotto app/vendor/assets. Ciò ti ricorderà di stare lontano dal modificare quei file e allo stesso tempo di mantenere pulite le directory delle risorse dell'app. E ogni volta che hai voglia di osservarli più da vicino, saranno a portata di mano.

3. Copia bootstrap.scss a app/assets/stylesheets e armeggiare con quelli tanto quanto si desidera. Assicurati di disattivare tutte le funzionalità che non stai utilizzando, perché portare quella roba significherà avere un file CSS più grande del necessario.

4. Personalizza le variabili e le classi Boostrap e caricala dopo i file Bootstrap nel file manifest, proprio come faresti con un gioiello. Ad esempio, poniamo le tue variabili in _overrides.scss. Il tuo application.css.scss sarebbe simile a questa:

   @import "bootstrap"; 
   @import "overrides"; 
   

Questo è tutto. Questo è quello che è stato creato per app/vendor/assets!

Answer 2

Sono relativamente nuovo a RoR e ho trovato diversi modi per implementare il bootstrap. Ho provato la gemma thomas-mcdonald/bootstrap-sass e ho capito che funzionava alla grande. ma volevo avere una conoscenza più approfondita di cosa stessero facendo esattamente i file di bootstrap e di come fosse il codice. la risposta sopra è stata molto utile. volevo solo aggiungere che questo bootstrap 3 video si è dimostrato molto utile e ha funzionato per me.