2

我正在尝试为一个在 gemfile 中包含以下内容的 rails 应用程序做出贡献：

gem 'bootstrap-sass', '~> 2.3.2.2'
gem 'sass-rails',   '>= 3.2'

似乎除了列之外，我的布局中的所有内容都可以正常工作：

<div class="col-md-6">对其包装的内容没有任何影响。

但是，如果我添加这一行：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />

对我<head>来说，<div class="col-md-6">工作完美，但其他几个引导类不起作用，特别是在navbar我有的地方。

如何在不包含以下行的情况下获得上述 div 类的效果？

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />
4

3 回答 3

4

您是否导入了引导混入？您需要添加@import "bootstrap/theme";到您的application.css.scss文件中

这是文档该部分的链接。

另外，您是否尝试过bootstrap-sass-rails gem ？

于 2013-12-24T21:48:40.060 回答
4

您的问题是您的 gemfile 定义：bootstrap 2.3.2.2，并且您正在使用 bootstrap 3.0.0 的语法。请注意，说明符 ~> 具有特殊含义，最好通过示例来说明：~> 2.3.2.2 与 >= 2.3.2.2 和 < 2.4 相同（更多信息在这里）。

CSS 会覆盖在最新行“之前”编写的任何内容，因此当您在布局中添加链接时，引导 3.0.0 的 CSS 会覆盖资产管道中的任何内容。在您的 Web 应用程序中继续工作的所有内容在这些版本之间根本没有改变，所有停止工作的内容都被改变了。

您可以使用boostrap 2.3.2 参考指南中的语法来获得所需的内容。您将在脚手架链接下找到默认的网格系统。

于 2013-12-25T12:27:07.657 回答
0

第 1 步：包含 gem 'bootstrap-sass', '~> 3.3.6' 并运行 bundle update

第 2 步：在 application.js 文件中包含 //= require bootstrap-sprockets

第 3 步：在 css 文件中：确保文件具有 .scss 扩展名（或 .sass 用于 Sass 语法）。如果您刚刚生成了一个新的 Rails 应用程序，它可能会附带一个 .css 文件。如果这个文件存在，它将被提供而不是 Sass，所以重命名它：

**app/assets/stylesheets/application.css app/assets/stylesheets/application.scss**

并从中删除所有行并包括

@import "bootstrap";

第 4 步：rails 运行服务器

于 2017-09-12T08:14:51.007 回答