2014-07-13 17 views
11

Ich habe ein neues npm/bower/grunt/sass/kompass-Projekt eingerichtet und jetzt versuche ich, Bootstrap auch dort zu bekommen. Für das Leben von mir, ich kann nicht scheinen, meine scss Akte zu bekommen, um es zu erkennen. Ich habe Kompass und sass Arbeits bekam, aber jede Weise, die ich versuche zu @import bootstrap, ich diesen Fehler:@import bootstrap-sass funktioniert nicht

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) 

Ich versuche, durch Bower ‚Bootstrap-Sass‘ zu laden. Soll das heißen, dass ich den Ruby-Weg gehen muss? Ich habe versucht:

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

und ändern Sie die style.scss-Datei zu style.css.scss.

Hier ist ein Bild meiner Projekte Verzeichnisse, wenn das jemand mit etwas hilft:

Image

Kann jemand bitte lassen Sie mich wissen, wie ich dieses Projekt Bootstrap zu sehen bekommen?

+2

ok ich löste mein Problem, falls jemand anderes es hat. Wenn Sie "@import bootstrap" verwenden, bezieht sich dies auf die Datei boostrap.scss. Ich habe diese Datei in meinen eigenen Ordner 'sass' verschoben und dann die Pfade aller Dateien in der Datei 'bootstrap.scss' geändert. Dieses Youtube-Video erklärt das großartig. http://www.youtube.com/watch?v=34yWSY0qnVY – nickg

+4

Sie sollten einen relativen Pfad wie '../ bower_components/bootstrap/more_folders/file.sass' verwenden. Pakete, die von bower installiert werden, sollten so verwendet werden, wie sie sind und in Ruhe gelassen werden, damit sie in Zukunft weiterhin von bower verwaltet werden können (update/install/prune/etc). –

+0

Bitte poste deinen Kommentar als Antwort und markiere ihn als erledigt. – joshhunt

Antwort

-1

Antwort von @nickg

Wenn Sie @import bootstrap verwenden, bezieht seine auf die boostrap.scss Datei.

Ich habe diese Datei in meinen eigenen Ordner sass verschoben und dann die Pfade aller Dateien in der Datei bootstrap.scss geändert.

Dieser youtube video macht einen tollen Job zu erklären.

Verwandte Themen