3

私はofficial guidethis postの助けを借りていませんでした。 (source on githubBootstrap4 with Rails 5

私の宝石ファイル:

... 
#bootstrap 
gem 'bootstrap', '~> 4.0.0.alpha3.1' 
gem 'sprockets-rails', :require => 'sprockets/railtie' 

source 'https://rails-assets.org' do 
    gem 'rails-assets-tether', '>= 1.1.0' 
end 
... 

私application.scss:

@import 'bootstrap-sprockets'; 
@import 'bootstrap'; 

私application.js:

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

私application.html.erb:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>DankDist</title> 
    <%= csrf_meta_tags %> 

    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> 
    </head> 

    <body> 
    <%= yield %> 
    </body> 
</html> 

と最後に、私のindex.html.erb:

<h1>Scale#index</h1> 
<div class="alert alert-success" role="alert"> 
    <strong>Well done!</strong> You successfully read this important alert message. 
</div> 
<p>Hello Worldzz</p> 
<p>Find me in app/views/scale/index.html.erb</p> 
<%= params[:id] %> <br/> 
<%= @id %> 

Next Page <%= @page +1 %> 

<hr/> 
<%= params.inspect %> 

私は何も変更せずにrails sをバンドルを実行し、再試行、ヘッダには、任意のスタイルが含まれていません。ので、あなたのapplication.html.erbであなたのスタイルシートのインポートが

  • @import「ブートストラップ・スプロケット」を動作しません -

  • +0

    あなたはまだあなたのrequire_treeを必要としています。あなたのapplication.css.scssに。 scssの名前をcss.scssに変更し、/ * = require ....を追加します* /中の文字列を忘れました。 http://stackoverflow.com/a/21643987/3338439 – Mingsheng

    +0

    私は投稿に続き、まだ動作しません –

    +0

    あなたはブートストラップ・サスを使ってはいけませんか? – Mingsheng

    答えて

    2

    1. ScaleControllerレイアウト偽含まれているいくつかのミスがありますapplication.jsでのブートストラップ4宝石
    -2

    ために、次のようにこれらの2行を整列しようとする必要はありません、私はそれが私の仕事に気づい:

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