2013-03-13 13 views
35

Sto lavorando a un progetto con yeoman che include grunt per l'automazione e bower per la gestione dei pacchetti sul lato client. Una delle dipendenze del mio progetto è SASS twitter-bootstrap.Come mantenere la personalizzazione di Bootstrap su Twitter con Bower?

in altri progetti, in cui sono riuscito manualmente gli aggiornamenti di dipendenze, ho cambiato Bootstrap valori direttamente nel file Bootstrap variables.less (_variables.scss) e si estendono in main.less file sotto la propria cartella di progetto css. Ho fatto lo stesso qui, ma quando ho installato altri pacchetti con Bower ha annullato tutto (ho "non-firmato" la cartella dei miei componenti, grazie a Dio)

Qual è il modo migliore per personalizzare Bootstrap fuori dalla cartella dei componenti così non succederà più?

risposta

45

Non modificare mai il contenuto della cartella bower_components. Faremo in modo di renderlo più chiaro.

Come per la tua domanda. Copia il file _variables.scss dalla cartella bower_components ad es. app/styles, quindi importalo nel tuo main.scss, o come si chiama, sopra l'istruzione import per bootstrap. In questo modo il tuo file personalizzato sostituirà le variabili predefinite.

+1

Ora che si menziona il trucco @ import-overrides sembra abbastanza ovvio XD – marcoslhc

+2

Non so se qualcosa è cambiato ma ho trovato che posizionando l'istruzione import per il file _variables sovrastante ** sopra ** l'importazione Bootstrap ha funzionato mentre piazzandolo sotto non lo fece. –

+0

significa che quando si usa bootstrap come componente di bower, _variables.scss è l'unico file che dovrei sovrascrivere? Cosa succede se ho bisogno di cambiare qualcos'altro rispetto a ciò che è in quel file? O forse se dovessi cambiare qualcos'altro, potrei anche non aver bisogno di bootstrap? – Markus

Problemi correlati