3

すべてのチュートリアルとすべてのガイドを試しましたが、Rails アプリにブートストラップを統合することができません。bootstrap-sass gem、bootstrap CDN、bootstrap gem を試しました。

Ruby on Rails バージョン 5.2.0 Ruby バージョン 2.2.6

これらのチュートリアルに正確に従い、0 の結果を達成しました:

ブートストラップ sass の場合 https://github.com/twbs/bootstrap-sass

ブートストラップ用https://github.com/twbs/bootstrap

ブートストラップ CDN を使用してみました https://www.bootstrapcdn.com/

私はこれに何週間も立ち往生しており、自分で解決しようとし、多くのブログ投稿とStackOverflowの回答に従い、すべてを試しました. Rails 5.2 バージョンの問題ですか? または、私のオペレーティング システム Windows 10 の gem ファイルに gem がありませんか?

編集: バンドルのインストールを正常に実行できます。application.html.erb の head タグに CDN を追加しても問題は解決しません 私が直面している問題は、どの方法を試してもブートストラップを使用できないことです

宝石ファイル:

source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

ruby '2.2.6'


gem 'rails', '~> 5.2.0'


gem 'sqlite3'


gem 'puma', '~> 3.11'


gem 'coffee-script-source', '1.8.0'


gem 'bootstrap-sass', '~> 3.3.7'


gem 'sass-rails', '~> 5.0'


gem 'jquery-rails'


gem 'uglifier', '>= 1.3.0'


gem 'duktape'


gem 'coffee-rails', '~> 4.2'


gem 'turbolinks', '~> 5'


gem 'jbuilder', '~> 2.5'


gem 'bootsnap', '>= 1.1.0', require: false
4

3 に答える 3

0

レール v5.2.0 用。

  1. 必要なのは、gem ファイルにgem 'bootstrap-sass'ANDがあることを確認することだけです。gem 'jquery-rails'ブートストラップには JQuery が必要です。他の Rails バージョン、つまり v4.x に戻ると、他の多くの gem を含める必要がありますが、このバージョンでは、bootstrap-sass と jquery-rails gem を除いてデフォルトになっています。
  2. 実行bundle installしてgemをインストールします
  3. 次に、上記のファイルをインポート (ロードして実行) する必要があるため、デフォルトのマニフェスト ファイルのファイル名を に変更しますapp/assets/stylesheets/application.css 。cssapp/assets/application.scss(.sass)は、含める予定の行が css 構文ではなく sass 構文であるため、それを行うこともできません。
  4. @import"bootstrap"スタイルシート マニフェスト ファイル (application.scss) にインクルードし、先頭//= require jqueryにapplication.js. これは app/views/layouts/application.html.erb に影響し、コントローラー内のすべてのテンプレートで使用されるすべてのレイアウトの標準的な場所に影響します。ここの古いバージョンでは、require他の拡張機能が必要になります。turbolinkブートストラップが効果的かつ効率的に機能するためですが、このバージョンでは機能しません。

あなたの完了。すべての Web ページがブートストラップに統合されました。

于 2018-08-28T13:19:47.240 に答える