Bootstrap4 with Rails 5

我跟着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沒有變化，頭不包含任何樣式。

來源

2016-09-06 Salah Alshaal

你仍然需要你的require_tree。在你的application.css.scss中。將scss重命名爲css.scss，然後添加/ * = require .... * /我忘記了內部的字符串。請參閱http://stackoverflow.com/a/21643987/3338439 – Mingsheng

我跟着帖子，仍然不起作用 –

你不應該使用bootstrap-sass嗎？ – Mingsheng

有一些錯誤

ScaleController包含佈局假的 - 因此你application.html.erb樣式表導入不起作用
@import「引導 - 鏈輪」;沒有必要在application.js中的引導4寶石

來源

2016-09-07 12:40:00 Mingsheng

-2

，嘗試如下排隊這兩行，我注意到它的工作對我來說：

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

來源

2016-11-02 07:08:43 odins

Bootstrap4 with Rails 5

回答

相關問題