Bootstrap不使用ruby

Question

我已尝试过所有内容，但我无法让我的导航栏中的导航栏工作。 我使用的是最新版本的ruby和rails version

我有github告诉我的宝石放入我的代码

Gems

并表示他们正在使用

used

我将应用程序文件从application.css更改为scss文件，并删除了所有require语句。

scss file change

我按照他们告诉我的方式更新了我的application.js文件。

js file

但是当我尝试将此boostrap标头放入我的文件

时

header

我最终得到了这个

rendered

而不是

from the website

如果有人可以提供帮助，我们将不胜感激。我做了我能想到的一切。

Answer 1

我最近使用Bootstrap 4 beta 2在ruby轨道上完成了一个项目，这是我的设置：

的Gemfile

gem 'jquery-ui-rails', '~> 5.0', '>= 5.0.5'
gem 'bootstrap', '~> 4.0.0.beta2'
gem 'jquery-rails', '~> 4.3', '>= 4.3.1'
gem 'font-awesome-rails'

app / assets / javascripts / application.js （序列很重要）

//= require jquery3
//= require popper
//= require rails-ujs
//= require jquery-ui
//= require_tree .
//= require bootstrap-sprockets

资产/样式表/ application.scss

@import "bootstrap";
@import "font-awesome";

有关详细信息，请访问bootstrap-sass gem

这里是更新（参考bootstrap-sass）

1. 生成新的rails应用rails new bootstrap4test

2. bundle install

3. 支持一个文字为rails g scaffold Blog content:text

的简单博客

4. 数据库迁移rails db:seed && rails db:migrate

5. 将gem添加到Gemfile

   gem'bootstrap-sass'，'〜＆gt; 3.3.7' gem'sass-rails'，'＆gt; = 3.2'

6. 将app/assests/stylesheets/application.css重命名为.scss

7. 删除application.scss中的所有内容并添加这些内容

   必须在“bootstrap”和“bootstrap / variables”之前导入

   //“bootstrap-sprockets” @import“bootstrap-sprockets”; @import“bootstrap”;

8. 现在，在您的gem 'jquery-rails'

中添加另一个宝石Gemfile

9. bundle install

10. 在app/assets/javascripts/application.js中添加2行

    // =需要jquery // =需要bootstrap-sprockets

您的application.js应该是这样的

//= require jquery
//= require bootstrap-sprockets
//= require rails-ujs
//= require turbolinks
//= require_tree .

1. 然后启动服务器rails s并转到http://localhost:3000/blogs

在Mac上测试，ruby：2.4.2，rails：5.1.4

Answer 2

您应该在@import "bootstrap-sprockets"之前加入@import "bootstrap"。不知道rails-ujs是否包含两者，但您可能还需要在jquery文件中jquery_ujs和application.js。

资产/ Javascript角/ application.js中

//= require jquery
//= require jquery_ujs
//= require bootstrap

资产/样式表/ application.scss

@import "bootstrap-sprockets";
@import "bootstrap";

视图/布局/ application.html.erb

<%= javascript_include_tag 'application' %>
<%= stylesheet_link_tag 'application', media: 'all' %>

下面的

是我工作的rails + bs设置的摘录。