私はofficial guideとthis postの助けを借りていませんでした。 (source on github)Bootstrap4 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であなたのスタイルシートのインポートが
あなたはまだあなたのrequire_treeを必要としています。あなたのapplication.css.scssに。 scssの名前をcss.scssに変更し、/ * = require ....を追加します* /中の文字列を忘れました。 http://stackoverflow.com/a/21643987/3338439 – Mingsheng
私は投稿に続き、まだ動作しません –
あなたはブートストラップ・サスを使ってはいけませんか? – Mingsheng