在Rails中使用bootstrap-sass，Bootstrap/Javascript不能正常工作

試圖學習rails（而且我在開發中還很早），但是我碰到一堵牆，而且我正在撓頭。在Rails中使用bootstrap-sass，Bootstrap/Javascript不能正常工作

我試圖通過bootstrap-sass來利用bootstrap，它看起來像當我使用the default bootstrap navigation bar時我可以獲得渲染欄 - 但它不是交互式的。它看起來像JavaScript不能正常工作，但我不知道爲什麼。

我的Gemfile：

source 'https://rubygems.org' 

gem 'rails' 
gem 'bootstrap-sass' 
gem 'sprockets' 
gem 'sass-rails' 
gem 'uglifier' 
gem 'coffee-rails' 
gem 'jquery-rails' 
gem 'turbolinks' 
gem 'jbuilder' 

gem 'sdoc', '~> 0.4.0',   group: :doc 


group :development do 
    gem 'sqlite3' 
    gem 'spring' 
end 

group :production do 
    gem 'pg' 
    gem 'rails_12factor' 
end

application.css

*= require_tree . 
    *= require_self

應用程序/ JavaScript的/ application.js中

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree .

custom.css.scss

@import "bootstrap-sprockets"; 
@import "bootstrap";

的config/application.rb中

module FamilyLunch 
    class Application < Rails::Application 
    config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif) 
end

application.html.erb

<html> 
<head> 
    <title>Family Lunch | <%= yield(:title) %> </title> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
    <%= csrf_meta_tags %> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head> 
<body> 
<%= render 'layouts/header' %> 
<div class='container'> 
    <% flash.each do |key, value| %> 
    <div class="alert alert-<%= key %>"><%= value %></div> 
    <% end %> 
<%= yield %> 
<%= render 'layouts/footer' %> 
<%= debug(params) if Rails.env.development? %> 
</div> 

</body> 
</html>

來源

2014-12-29 sulleh

加上'// = require bootstrap-sprockets'到'application.js'。 – vjdhama

啊完美。對我的監督。 – sulleh

對於必須添加//= require bootstrap-sprockets到application.js這樣JavaScript的：

應用程序/ JavaScript的/應用.js

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require bootstrap-sprockets 
//= require_tree .

來源

2014-12-29 22:11:59 vjdhama

對於固相線創建應用程序/資產/大禮包/前端/ all.js，包括：

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

這將覆蓋應用程序/資產/ application.js中

來源

2018-02-04 19:20:51

在Rails中使用bootstrap-sass，Bootstrap/Javascript不能正常工作

回答

相關問題