Ruby on Railsにブートストラップを統合する5.1.4

Question

私はブートストラップをレール上でルビーに統合しようとしていますが、成功しません。

git_source(:github) do |repo_name| 
 
    repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") 
 
    "https://github.com/#{repo_name}.git" 
 
end 
 
gem 'sass-rails', '~> 5.0' 
 
gem 'bootstrap-sass', '3.3.7' 
 
# Bundle edge Rails instead: gem 'rails', github: 'rails/rails' 
 
gem 'rails', '~> 5.1.4' 
 
# Use postgresql as the database for Active Record 
 
gem 'pg', '~> 0.18' 
 
# Use Puma as the app server 
 
gem 'puma', '~> 3.7' 
 
# Use SCSS for stylesheets 
 

 
# Use Uglifier as compressor for JavaScript assets 
 
gem 'uglifier', '>= 1.3.0' 
 
# See https://github.com/rails/execjs#readme for more supported runtimes 
 
# gem 'therubyracer', platforms: :ruby 
 

 
# Use CoffeeScript for .coffee assets and views 
 
gem 'coffee-rails', '~> 4.2' 
 
# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks 
 
gem 'turbolinks', '~> 5' 
 
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder 
 
gem 'jbuilder', '~> 2.5'

を、私のcustom.scssファイルに@import "bootstrap-sprockets"; @import "bootstrap";をインポートしています

私は、次の宝石を使用しています。

ブートストラップが魔力の働きをすることを期待していましたが、何も起こっていません。 助けてくれてありがとう！

Answer 1

以下を追加しましたか？

は内蔵jqueryのが付属していませんapp/assets/javascripts/application.js

//= require jquery 
//= require bootstrap-sprockets 

Answer 2

のRails 5.1.4にブートストラップJavaScriptを必要とするが、ブートストラップの機能はまだjQueryのを必要とします。

gemfileににjqueryの宝石とブートストラップの宝石が含まれていることを確認してください。また

# Gemfile gem 'jquery-rails', '~> 4.3.1' gem 'bootstrap', '~> 4.0.0.beta' 

、application.js /あなたがアプリ/資産/ JavaScriptのに以下を追加してください：

//= require jquery 
//= require popper 
//= require bootstrap 

jQueryとポッパーは、よりhttps://getbootstrap.com/docs/4.0/getting-started/webpack/#importing-javascript

でブートストラップ4.読むの依存関係あり

希望します。

Answer 3

Gemfileにgem “jquery-rails”を追加し、application.jsファイルに//= require jquery //= require jquery_ujs //= require bootstrap-sprocketsを追加する必要があります。また、実行することを忘れないでくださいbundle install after you add your gem.