3

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

Ruby on Rails 5.2.0 版 Ruby 2.2.6 版

完全遵循这些教程并取得了 0 个结果：

对于引导 sass https://github.com/twbs/bootstrap-sass

对于引导https://github.com/twbs/bootstrap

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

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

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

宝石文件：

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
4

3 回答 3

2

也许试试这个：

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 上测试

于 2018-05-24T20:26:28.140 回答
1

你可以试试这个例子。它在我的项目中对我有用。

在您的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 上工作。

于 2018-05-25T12:06:40.513 回答
0

对于轨道 v5.2.0。

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

你完成了。您的所有网页现在都集成了引导程序。

于 2018-08-28T13:19:47.240 回答