ブートストラップ4とレールを実装する方法5

Question

私はRubyが新しく、4.0.0.alpha4のブートストラップを5.0.0に取り込もうとしています。 私はgems bootstrap、bootstrap-sass、autoprefixer-railsをインストールしていますが、application.css.sassで@import "bootstrap"を使用していますが、まだページ上にブートストラップを取得していません。私がブートストラップデザインを実装しようとしているビュー。私は他のプロジェクトでそれを試したこともありません。どんな助けもありがとう。ありがとう。
コードは以下の通りです。 宝石は、公式bootstrap-rubygemプロジェクトにtest/dummy_railsプロジェクトのスケルトンを参照してください、レールにブートストラップを含むための公式リファレンスコードについて

source 'https://rubygems.org' 


# Bundle edge Rails instead: gem 'rails', github: 'rails/rails' 
gem 'rails', '~> 5.0.0' 
# Use postgresql as the database for Active Record 
gem 'pg', '~> 0.18' 
# Use Puma as the app server 
gem 'puma', '~> 3.0' 

gem 'bootstrap' 
gem 'bootstrap-sass' 
gem 'autoprefixer-rails' 

gem 'wdm' 
# Use SCSS for stylesheets 
gem 'sass-rails', '~> 5.0' 
# Use Uglifier as compressor for JavaScript assets 
gem 'uglifier', '>= 1.3.0' 
# Use CoffeeScript for .coffee assets and views 
gem 'coffee-rails', '~> 4.2' 
# See https://github.com/rails/execjs#readme for more supported runtimes 
# gem 'therubyracer', platforms: :ruby 

# Use jquery as the JavaScript library 
gem 'jquery-rails' 
# 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' 
# Use Redis adapter to run Action Cable in production 
# gem 'redis', '~> 3.0' 
# Use ActiveModel has_secure_password 
# gem 'bcrypt', '~> 3.1.7' 

# Use Capistrano for deployment 
# gem 'capistrano-rails', group: :development 

group :development, :test do 
    # Call 'byebug' anywhere in the code to stop execution and get a debugger console 
    gem 'byebug', platform: :mri 
end 

group :development do 
    # Access an IRB console on exception pages or by using <%= console %> anywhere in the code. 
    gem 'web-console' 
    gem 'listen', '~> 3.0.5' 
    # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring 
    gem 'spring' 
    gem 'spring-watcher-listen', '~> 2.0.0' 
end 

# Windows does not include zoneinfo files, so bundle the tzinfo-data gem 
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] 

Answer 1

を提出します。このプロジェクトは統合テストで使用されているので、プロジェクトのテストマトリックスにある最新バージョンのBootstrap gemとRuby/Railsのすべてのバージョンで動作することがわかります。 config/application.rb

実行rake assets:precompile

に app/assets/stylesheets/application.sass

config.assets.precompile += %w(application.css application.js)にapp/assets/javascripts/application.js

@import bootstrapで

• //= require bootstrap-sprockets：

  コード（または同等）のこれらの行を確認してください、あなたのRailsプロジェクトに追加されました

引き続き問題が発生した場合は、Railsアプリケーションに完全なソースコードを投稿するか、問題が発生するMinimal, Complete and Verifiable Exampleの役割を果たすだけの十分なソースコードを投稿してください。ローカルで変更したことが考えられていないものの、重要。

Answer 2

https://v4-alpha.getbootstrap.com/からブートストラップファイルをダウンロードしてから、アセットファイル（ベンダー）にコピーして貼り付けてから、アプリケーションにインポートすることができます。application.jsおよびapplication.cssに呼び出すか、あなたは他のjsとcssファイルを呼び出します。そうすれば、あなたはブーストラップを使うことができます。ここ

Answer 3

グレートlinkと は私の設定です：

Gemfile：

gem 'compass-rails', '2.0.4' 
gem 'bootstrap-sass', '~> 3.1.1.1' 
gem 'autoprefixer-rails', '6.3.7' 
gem 'sass-rails', '~> 5.0.1' 

設定/初期化子/ assets.rb

Rails.application.config.assets.version = '1.0' 
Rails.application.config.assets.paths << Rails.root.join('app', 'assets', 'fonts') 

そして、私のSASSファイルツリー上：

app/assets/stylesheets 
| 
|--components 
| | 
| |--variables, 
| |--mixins and another css/sass files 
| 
|--bootstrap.sass 
|--application.sass 

application.sass：

@import 'bootstrap' 
@import 'components/*' 

bootstrap.sass：

// Core variables and mixins 
@import 'bootstrap/variables' 
@import 'bootstrap/mixins' 

// Reset 
@import 'bootstrap/normalize' 
//@import 'bootstrap/print' 

// Core CSS 
//@import 'bootstrap/scaffolding' 

ヘッダ：

= stylesheet_link_tag 'application', media: 'all'