2014-07-13 24 views
11

Tôi đã thiết lập một dự án npm/bower/grunt/sass/la bàn mới và bây giờ tôi đang cố gắng để có được bootstrap trong đó quá. Đối với cuộc sống của tôi mặc dù, tôi dường như không thể nhận được tập tin scss của tôi để nhận ra nó. Tôi đã có la bàn và làm việc sass, nhưng bất kỳ cách nào tôi cố gắng @import bootstrap, tôi nhận được lỗi này:@import bootstrap-sass không hoạt động

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) 

Tôi đang cố gắng để tải lên 'bootstrap-sass' qua Chòi chơi. Đây có phải là tôi phải đi theo con đường của Ruby không? Tôi đã thử:

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

và thay đổi tệp style.scss thành style.css.scss.

Dưới đây là một hình ảnh của thư mục dự án của tôi, nếu điều đó giúp bất cứ ai có bất cứ điều gì:

Image

Ai đó có thể xin vui lòng cho tôi biết làm thế nào tôi có thể nhận được dự án này để xem Bootstrap?

+2

ok tôi đã giải quyết được sự cố của mình trong trường hợp bất kỳ ai khác đang gặp sự cố. Khi bạn sử dụng "@import bootstrap", nó đề cập đến tệp boostrap.scss. Tôi đã chuyển tập tin đó vào thư mục 'sass' của riêng mình, sau đó thay đổi đường dẫn của tất cả các tệp trong tệp 'bootstrap.scss'. Video youtube này làm một công việc tuyệt vời giải thích. http://www.youtube.com/watch?v=34yWSY0qnVY – nickg

+4

Bạn nên sử dụng đường dẫn tương đối như '../ bower_components/bootstrap/more_folders/file.sass'. Các gói được cài đặt bởi bower nên được sử dụng như là-và còn lại một mình để họ có thể tiếp tục được quản lý bởi bower trong tương lai (update/install/prune/etc). –

+0

Xin vui lòng gửi bình luận của bạn như là một câu trả lời và đánh dấu nó là hoàn thành. – joshhunt

Trả lời

-1

trả lời từ @nickg

Khi bạn sử dụng @import bootstrap, nó đề cập đến các tập tin boostrap.scss.

Tôi đã chuyển tệp đó vào thư mục sass của riêng mình, sau đó thay đổi đường dẫn của tất cả các tệp trong tệp bootstrap.scss.

Điều này youtube video thực hiện công việc tuyệt vời giải thích.

Các vấn đề liên quan