我无法在我的Ruby on Rails应用程序中集成Bootstrap

Question

我已经尝试了每个教程和每个指南，但我无法在我的rails应用程序中集成bootstrap我尝试过bootstrap-sass gem，bootstrap CDN，bootstrap gem

Ruby on Rails版本5.2.0 Ruby版本2.2.6

这些补习中已完成以下内容并取得了0项成果：

for bootstrap sass https://github.com/twbs/bootstrap-sass

for bootstrap https://github.com/twbs/bootstrap

尝试使用bootstrap CDN https://www.bootstrapcdn.com/

我已经坚持了几个星期，尝试自己解决它，跟着许多博客文章和StackOverflow的答案，并尝试了一切。这是rails 5.2版本的问题吗？或者我的操作系统windows 10是否在我的gem文件中缺少一个gem？

编辑：我可以成功运行捆绑安装，在我的头标签中添加CDN在application.html.erb不解决我的问题我面临的问题是我不能使用bootstrap无论我尝试什么方法

创业板文件：

source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

ruby '2.2.6'


gem 'rails', '~> 5.2.0'


gem 'sqlite3'


gem 'puma', '~> 3.11'


gem 'coffee-script-source', '1.8.0'


gem 'bootstrap-sass', '~> 3.3.7'


gem 'sass-rails', '~> 5.0'


gem 'jquery-rails'


gem 'uglifier', '>= 1.3.0'


gem 'duktape'


gem 'coffee-rails', '~> 4.2'


gem 'turbolinks', '~> 5'


gem 'jbuilder', '~> 2.5'


gem 'bootsnap', '>= 1.1.0', require: false

Answer 1

也许尝试这个：

1）Gemfile

# Add these gems. Rails is not including jQuery by default.
# You need to include it to use all bootstrap options.
gem 'bootstrap'
gem 'jquery-rails'

2）app/assets/javascripts/application.js

jquery3, popper, and bootstrap are the ones for bootstrap

//= require jquery3
//= require popper
//= require bootstrap

//= require rails-ujs
//= require turbolinks
//= require_tree .

3）app/assets/stylesheets/application.scss

@import 'bootstrap'; // assuming you changed to SCSS from CSS

4）运行bundle并重新启动服务器

这是一个使用Rails 5.2和Bootstrap 4 https://github.com/HoracioChavez/bootstrap-sample的工作回购 在macOS上测试过

Answer 2

你可以尝试这个例子。它在我的项目中适合我。

在你的Gemfile中：

gem 'bootstrap-sass'
gem 'jquery-rails'

在你的app / assets / javascripts / application.js中

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

在/app/assets/stylesheets/application.scss中

*= require_tree .
*= require_self
*/

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

安装所有gem并进行上述配置后，您可以尝试使用此引导下拉按钮测试引导工作。希望它能帮到你。

另外，请注意，我使用了bootstrap 3并在Linux Ubuntu上工作。

Answer 3

for rails v5.2.0。

1. 您所需要的只是确保您在gem文件中有gem 'bootstrap-sass'和gem 'jquery-rails'。 Bootstrap需要JQuery。回到其他rails版本，即v4.x，你将不得不包含很多其他宝石，但在这个版本中不再包含它们，除了bootstrap-sass和jquery-rails gem之外它们都是默认的。
2. 运行bundle install来安装宝石
3. 然后将默认清单文件app/assets/stylesheets/application.css文件名更改为app/assets/application.scss(.sass)，因为我们需要导入（加载并执行）所述文件，css也不能这样做，因为我们打算包含的行是sass语法而不是css语法。
4. 在样式表清单文件（application.scss）中包含@import"bootstrap"，并在//= require jquery中添加application.js。这会影响app / views / layouts / application.html.erb控制器中所有模板使用的所有布局的标准位置。在旧版本中你必须使用require其他扩展名，例如。 turbolink为了让bootstrap有效地工作，但在这个版本中没有。

你做完了。您的所有网页现在都是自举集成的。