Tôi đang cố gắng sử dụng Bootstrap cho ứng dụng RubyonRails của mình nhưng tôi không thể thiết lập nó.
Trong Gemfile tôi đã thêm
#Bootstrap
đá quý 'bootstrap-sass', '3.3.5'
đá quý 'autoprefixer-rails'
sau đó tôi đã làmcài đặt gói
Tôi đã tạo một application.css.scss trong thư mục app/assets/stylesheets. Nội dung là:
/*
* Đây là tệp kê khai sẽ được biên dịch thành application.css, tệp này sẽ bao gồm tất cả các tệp
* được liệt kê dưới đây.
*
* Bất kỳ tệp CSS và SCSS nào trong thư mục này, lib/assets/stylesheets, nhà cung cấp/tài sản/bảng định kiểu,
* hoặc nhà cung cấp/tài sản/bảng định kiểu của plugin, nếu có, có thể được tham chiếu tại đây bằng đường dẫn tương đối.
*
* Bạn có thể thêm các kiểu cho toàn ứng dụng vào tệp này và chúng sẽ xuất hiện ở cuối
* tệp được biên dịch để các kiểu bạn thêm vào đây được ưu tiên hơn các kiểu được xác định trong bất kỳ kiểu nào
* được xác định trong các tệp CSS/SCSS khác trong thư mục này. Nói chung, tốt hơn là tạo một tệp mới.
* tập tin cho mỗi phạm vi phong cách.
*
*= require_tree
*= require_self
*/
@import "bootstrap-srockets";
@import "bootstrap"
ứng dụng/tài sản/javascripts/application.js:
// Đây là tệp kê khai sẽ được biên dịch thành application.js, bao gồm tất cả các tệp
// được liệt kê bên dưới.
//
// Bất kỳ tệp JavaScript/Coffee nào trong thư mục này, lib/assets/javascripts, nhà cung cấp/tài sản/javascripts,
// hoặc thư mục nhà cung cấp/nội dung/javascripts của bất kỳ plugin nào có thể được tham chiếu tại đây bằng đường dẫn tương đối.
//
// Không nên thêm mã trực tiếp vào đây, nhưng nếu làm vậy, nó sẽ xuất hiện ở cuối
// tập tin đã biên dịch.
//
// Đọc Sprockets README (https://github.com/rails/sprockets#sprockets-directives) để biết chi tiết
// về các chỉ thị được hỗ trợ.
//
//= yêu cầu jquery
//= yêu cầu jquery_ujs
//= yêu cầu turbolinks
//= yêu cầu bootstrap-srockets
//= require_tree .
Khi tôi chạy máy chủ Rails và truy cập trang gốc của mình, tôi gặp lỗi sau:
không thể tìm thấy tệp 'bootstrap' với loại 'text/css'
Thay đổi application.css của bạn thành application.scss. Sẽ không có gì trong tập tin của bạn. Xóa tất cả mã cũ ở trên. Nó chỉ nên như vậy.
@import "bootstrap-srockets";
@import "bootstrap";
Nếu bạn muốn thêm một tập tin khác, chỉ cần thêm nó vào bên dưới. giống
@import "bootstrap-srockets";
@import "bootstrap";
@import "TỆP SCSS KHÁC";
Tôi là một lập trình viên xuất sắc, rất giỏi!