Rails 4的Bootstrap 3模态错误

Question

我正在尝试显示包含对象信息的模态.我正在运行Rails 4和Bootstrap 3.我在SO上关注了一个示例并收到错误:

Sprockets::FileNotFound in Gifts#index
couldn't find file 'bootstrap-modal'

我的Gemfile看起来像这样:

gem 'rails', '4.0.0'
gem 'bootstrap-sass', '3.0.2.0'
gem 'activeresource'

group :assets do
    gem 'jquery-ui-rails'
    gem 'jquery-modal-rails'
end 

group :development, :test do
    gem 'sqlite3', '1.3.8'
    gem 'rspec-rails', '2.13.1'
end

group :test do
    gem 'selenium-webdriver', '2.35.1'
    gem 'capybara', '2.1.0'
    gem 'factory_girl_rails', '4.2.1'
end

gem 'sass-rails', '4.0.1'
gem 'uglifier', '2.1.1'
gem 'coffee-rails', '4.0.1'
gem 'jquery-rails', '3.0.4'
gem 'turbolinks', '1.1.1'
gem 'jbuilder', '1.0.2'
gem 'devise'
gem 'activeadmin', github: 'gregbell/active_admin'
gem 'paperclip'
gem 'aws-sdk'
gem 'rmagick', '2.13.2'
gem 'stripe', :git => 'https://github.com/stripe/stripe-ruby'


group :doc do
    gem 'sdoc', '0.3.20', require: false
end

group :production do
    gem 'pg', '0.15.1'
    gem 'rails_12factor', '0.0.2'
end

的application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-modal
//= require_tree .

$(document).ready(function() {
   $('#modal-window').modal('show');
   $('.modal-body').html('<%= escape_javascript(render :partial => "recipient_data", :object =>  @gift) %>'); 
});

Show.html.erb

<div class="modal hide fade" id="modal-window">
<div class="modal-header">
  <a href="#" class="close">×</a>
</div>

<div class="modal-body center">
<h2>Hello, World</h2>
<%= render 'charges/recipient_data' %>
</div>

<div class="modal-footer">&nbsp;
</div>
</div>

指向我的索引页面上模式的链接

<%= link_to 'Show', gift_path(gift), {:remote => true,
'data-controls-modal' =>  "modal-window",
 'data-backdrop' => true,
 'data-keyboard' => true,
 :class => "btn btn-primary ", :id => 'show_gift'} %>

在这种情况下我应该如何加载bootstrap-modal？

Answer 1

当前版本bootstrap-sass使用略有不同的需求行(/而不是a -)

//= require bootstrap/modal

但是,由于您已经包含a //= require bootstrap,因此无需modal单独请求该文件.