【发布时间】：2017-09-29 23:30:52
【问题描述】：
我正在尝试构建我的第一个 Rails Web 应用程序，但我被困在需要将导航栏的 Bootstrap 代码嵌入到我的应用程序中 我从一个 NavBar（下面的代码）开始。它出现在我的主页上，但看起来坏了。我会附上这个问题的图片。感谢您的帮助！
在 ~/views/layouts/application.html.erb 文件中：
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
</nav>
在 ~/application.css.scss 文件中：
@import "bootstrap-sprockets";
@import "bootstrap";
在 gemfile 中：
gem 'bootstrap-sass', '3.3.6'
gem 'sass-rails', ' 3.2'
在 ~/application.js 中：
//= require jquery
//= require bootstrap-sprockets
然后我运行命令 bundle install，我得到了这个丑陋的输出：
Bundler could not find compatible versions for gem "sass":
In Gemfile:
bootstrap-sass (= 3.3.6) was resolved to 3.3.6, which depends on
sass (>= 3.3.4)
sass-rails (= 3.2) was resolved to 3.2.0, which depends on
sass (~> 3.1.10)
我尝试用我在开发中非常有限的知识来解决它，但我做不到。我正在 Cloud9 平台上学习 Ruby on Rails。 有人可以帮忙吗？提前谢谢你。
萌
宝石文件：
source 'https://rubygems.org'
# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '5.1.4'
# Use sqlite3 as the database for Active Record
gem 'sqlite3', group: [:development, :test]
#Use Bootstrap library for styling.
#Use postgresql as the db for production
group :production do
gem 'pg'
gem 'rails_12factor'
end
# Use SCSS for stylesheets
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '1.3.0'
# Use CoffeeScript for .js.coffee assets and views
gem 'coffee-rails', '4.0.0'
# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer', platforms: :ruby
gem 'bootstrap-sass', '~> 3.2.0'
gem 'sass-rails', '~> 5.0'
# Use jquery as the JavaScript library
gem 'jquery-rails'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '2.0'
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', '0.4.0', group: :doc
# Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
gem 'spring', group: :development
# Use ActiveModel has_secure_password
# gem 'bcrypt', '3.1.7'
# Use unicorn as the app server
# gem 'unicorn'
# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development
# Use debugger# gem 'debugger', group: [:development, :test]
【问题讨论】：
-
这个网站让我很难发布我的问题。我只发布了 2 张图片，因为它允许我这样做。剩下的就是代码了。
-
@jvillian 现在似乎让我发布代码！对不起，我是这个网站的新手，这是我的第一个活动！
-
您有什么理由将这些宝石限制在特定版本中吗？那是一个非常旧的
sass-rails版本。为什么不使用~>指令来使用更宽松的版本规范？ -
我没有理由。我只是自学一门课程，只是按照说明进行操作。考虑到这门课程也有些陈旧，我会做任何可以解决此问题的事情。你有什么建议？
-
我使用
gem 'sass-rails', '~> 5.0'和gem 'bootstrap-sass', '~> 3.2.0'。
标签： ruby-on-rails ruby twitter-bootstrap