Bootstrap-sass在Rails App中不起作用

Question

我试图贡献一个rails应用程序，它在gemfile中有以下内容：

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" />

Answer 1

您的问题是您的gemfile定义了：bootstrap 2.3.2.2，并且您正在为bootstrap 3.0.0使用语法。 请注意，指定符〜>具有特殊含义，以示例最佳显示：〜> 2.3.2.2等于> = 2.3.2.2和<2.4（此处有更多信息）。

CSS会覆盖在“最新行”之前编写的任何内容，因此当您在布局中添加链接时，bootstrap 3.0.0的CSS将覆盖资产管道中的任何内容。 在这两个版本之间，Web应用程序中可以继续运行的所有内容都没有更改，而停止工作的所有内容均已更改。

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

Answer 2

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

这是指向该部分文档的链接。

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

Answer 3

第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运行服务器