2014-07-13 8 views
11

Ho impostato un nuovo progetto npm/bower/grunt/sass/compass e ora sto cercando di ottenere anche il bootstrap. Per la vita di me però, non riesco a ottenere il mio file scss per riconoscerlo. Ho bussola e di lavoro sass, ma qualsiasi modo cerco di @import bootstrap, sto ottenendo questo errore:@import bootstrap-sass non funziona

error sass/style.scss (Line 2: File to import not found or unreadable: bootstrap. 
Load paths: 
/Applications/MAMP/htdocs/webnamehere2.0/sass 
/Library/Ruby/Gems/1.8/gems/compass-0.12.6/frameworks/blueprint/stylesheets 
/Library/Ruby/Gems/1.8/gems/compass-0.12.6/frameworks/compass/stylesheets 
Compass::SpriteImporter) 

sto cercando di caricare fino 'bootstrap-sass' attraverso il pergolato. È questo che dico che devo andare al modo Ruby? Ho provato:

@import 'bootstrap' 
@import 'bootstrap-sass 
@import '../bootstrap' 
@import 'bootstrap-sass-official' 

e modificare il file style.scss in style.css.scss.

Ecco un'immagine dei miei progetti directory, se questo aiuta chiunque con qualsiasi cosa:

Image

Qualcuno può per favore fatemelo sapere come posso ottenere questo progetto per vedere Bootstrap?

+2

ok ho risolto il problema nel caso in cui qualcun altro lo stia avendo. Quando si utilizza "@import bootstrap", si riferisce al file boostrap.scss. Ho spostato quel file nella mia cartella 'sass', poi ho cambiato i percorsi di tutti i file nel file 'bootstrap.scss'. Questo video di YouTube fa un ottimo lavoro di spiegazione. http://www.youtube.com/watch?v=34yWSY0qnVY – nickg

+4

Dovresti usare un percorso relativo come '../ bower_components/bootstrap/more_folders/file.sass'. I pacchetti installati da bower dovrebbero essere usati così come sono e lasciati soli, in modo che possano continuare a essere gestiti da bower in futuro (aggiornamento/installazione/prune/etc). –

+0

Inserisci il tuo commento come risposta e contrassegnalo come completato. – joshhunt

risposta

-1

risposta da @nickg

Quando si utilizza @import bootstrap, il suo riferimento al file boostrap.scss.

Ho spostato il file nella mia cartella sass, quindi modificato i percorsi di tutti i file nel file bootstrap.scss.

Questo youtube video fa un ottimo lavoro di spiegazione.