Bootstrap4 с Rails 5

Я следовал официальному руководству и это сообщение не помогло, может кто-нибудь пролить свет на это? (источник на github)

Мой файл 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
...

мое приложение.scss:

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

мое приложение .js:

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

мое приложение.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 без изменений, заголовок не содержит стилей.


ruby ruby-on-rails twitter-bootstrap bootstrap-4 twitter-bootstrap-4
person Salah Alshaal    schedule 06.09.2016    source источник
comment
Вам все еще нужен ваш require_tree . в вашем приложении.css.scss. Переименуйте scss в css.scss, затем добавьте /*= require.... */ Я забыл строку внутри. См. stackoverflow.com/a/21643987/3338439.   -  person Mingsheng    schedule 06.09.2016
comment
Я следил за постом, все еще не работает   -  person Salah Alshaal    schedule 06.09.2016
comment
Разве вы не должны использовать bootstrap-sass?   -  person Mingsheng    schedule 06.09.2016
comment
это необходимо только для Bootstrap2 и 3   -  person Salah Alshaal    schedule 06.09.2016
comment
О, да. Хм, тогда я не уверен. Не проверял начальную загрузку 4. Если никто не ответит, я попробую завтра и дам вам знать!   -  person Mingsheng    schedule 06.09.2016

Ответы (2)


arrow_upward
2
arrow_downward

Есть несколько ошибок

  1. ScaleController содержит макет false, поэтому импорт таблицы стилей в application.html.erb не работает.
  2. @import 'бутстрап-звездочки'; не требуется для драгоценного камня Bootstrap 4
person Mingsheng    schedule 07.09.2016

arrow_upward
-2
arrow_downward

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

//= require jquery
//= require bootstrap-sprockets
person odins    schedule 02.11.2016