用Rails 4引导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'} %>

在这种情况下，我应该如何加载引导模式？

Answer 1

当前版本的bootstrap-sass使用稍微不同的要求行(使用/而不是-)

//= require bootstrap/modal

但是，由于您已经包含了一个//= require bootstrap，所以不需要单独要求modal文件。