Использование bootstrap-sass в Rails, Bootstrap/Javascript не работает

пытается узнать рельсы (и я все еще очень рано в своем развитии), но я ударил стену, и я почесываю голову.Использование bootstrap-sass в Rails, Bootstrap/Javascript не работает

Я пытаюсь использовать bootstrap через bootstrap-sass, и кажется, что когда я использую 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

приложение/JavaScripts/application.js

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

custom.css.scss

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

конфигурации/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' to 'application.js'. – vjdhama

Ahh совершенным. Надзор с моей стороны. – sulleh

Для JavaScript вы должны добавить //= require bootstrap-sprockets к application.js, как это:

приложение/JavaScripts/приложение .js

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

источник

2014-12-29 22:11:59 vjdhama

Для Solidus создать приложение/активы/Шпрее/фронтэнда/all.js и включают в себя:

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

это отменит приложение/активы/application.js

источник

2018-02-04 19:20:51

Использование bootstrap-sass в Rails, Bootstrap/Javascript не работает

ответ

Смежные вопросы