Bootstrap4 с рельсами 5

Я следил за official guide и this post, чтобы не помочь, может ли кто-то пролить свет на это? (source on github)Bootstrap4 с рельсами 5

Мой файл Gem:

... 
#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 %>

Я побежал Bundle, и вновь попытался rails s без каких-либо изменений, то заголовок не содержит каких-либо стилей.

источник

2016-09-06 Salah Alshaal

Вы все еще нужна ваша require_tree. в вашем приложении.css.scss. Переименуйте scss в css.scss, затем добавьте/* = require .... */Я забыл строку внутри. См. Http://stackoverflow.com/a/21643987/3338439 – Mingsheng

Я следил за сообщением, все еще не работает –

Разве вы не используете bootstrap-sass? – Mingsheng

Там же несколько ошибок

ScaleController содержит расположение лжи - поэтому ваш импорт таблицы стилей в вашем application.html.erb не работает «бутстраповские-звездочки»
@Import; не является необходимым для Bootstrap 4 самоцвета

источник

2016-09-07 12:40:00 Mingsheng

-2

в application.js, попытайтесь выровнять эти две строки следующим образом, я заметил, что это работает для меня:

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

источник

2016-11-02 07:08:43 odins

ответ

Смежные вопросы