问题标签 [bootstrap-sass]

遇到一个有趣的问题，想知道是否其他人也有。

我正在做一个 Rails 教程，部分设置是安装 bootstrap-sass gem。本教程建议安装 bootstrap，将现有的 application.css 文件重命名为 application.css.scss，删除该文件中的所有内容，然后添加@import "bootstrap";.

我下载了教程的源代码并在我的本地机器上运行它，它工作得很好。

然而，当我在我的代码中实现这一点时，没有出现任何 css 样式。日志中也没有出现错误，尽管我注意到没有发生 css 的 GET 请求。我什至进入源代码，单击 css 文件，它显示为空，而所有引导 javascript 文件都不为空。

过了一会儿，我决定以其他几个教程的方式实现引导程序 - 我将 application.css.scss 文件放回其正常的 application.css 文件，其中显示了所有默认内容，然后创建了一个我称为 styles.css.scss 并放入其中的新文件，@import "bootstrap";它加载它就好了。

我联系了教授本教程的程序的导师。他从我的 github 存储库下载了我的源代码，并看到了我所看到的内容，尽管他的项目运行良好，并且该程序的其他学生还没有报告按照教程（和 bootstrap-sass 文档）的方式执行此操作的问题) 建议。

有没有其他人遇到过这个问题？

我在我的项目中使用了 bootstrap-sass gem。bootstrap.css 文件定义了 .btn 样式。我写了一个 CSS 文件并定义了 .btn 样式喜欢

> .btn a{ width:90px; height:25px; line-height:25px; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3588D4), to(#3287D0));background-image:linear-gradient(#3588D4,#3287D0); display:block; float:left; border-radius:5px; margin-right:15px; padding:0 5px; margin-top:8px;}

所以我想将我的 .btn 替换为 bootstrap.css .btn ，我该怎么做？

我正在使用 bootstrap-sass-rails这个问题，当我在生产模式下运行我的 rails 项目时，我得到 3x 404 错误：

我使用 rake assets:precompile RAILS_ENV=production 生成具有结果的静态文件：

除了这 3 个字体文件外，所有资产都运行良好。我搜索了一整天，没有找到任何东西。似乎 rails 正在寻找没有这 3 个文件散列的版本，但 rake 使用散列生成它们

我的 config/production.rb ：

编辑

我试图覆盖 @font-face 变量，但它似乎没有删除旧变量：

我现在加载了字形图标，但仍然出现 3x 404 错误。

我一直在为此自责，并尝试了不同的组合，需要帮助来解决我无法解决的问题。

我过渡到在我的简单 rails 3.2.14 应用程序 ruby​​ 1.9.3 中使用 bootstrap-sass，以便它可以在 PPC 机器上运行。我查看了有关 Sass Basics 的 Railscast 插曲，并将我的文件设置为：

宝石文件

我的 application.css.scss

我的 bootstrap_and_overrides.css.scss

这会启动并且 $main-color 出现在正文中。问题是当我在welcome.css.scss 文件中使用$main-color 时，应用程序会响应$main-color 无法识别。根据 Railscast 剧集，这是可以预料的。Ryan 的解决方案很有意义，因为我必须删除 require_tree 。行并按我想要的顺序@import SCSS 文件。除了，它不会拉入任何 css 文件，或者它在 $main-color 变量上出错。

我重新阅读了 Thomas McDonald 的笔记，他们建议 css 中的更改应该超出 @import bootstrap 行。试过了，但没有爱。理想情况下，这应该根据我的理解起作用，但事实并非如此。

这会产生一个白屏。我用谷歌搜索并不断重新启动我的服务器以清除任何缓存。帮助我理解我做错了什么，thanx，sam

我创建了一个 sinatra 应用程序，我想使用bootstrap-sass gem 包含 Twitter Bootstrap。

按照Compass (no Rails)下的 bootstrap-sass 自述文件中的安装说明进行操作。运行文件后compass install bootstrap，文件被创建，一切正常。

但是，当我更改我的 scss 文件（在 中/views/sass/styles.scss）并重新加载页面时，css 文件不会重新编译。我是否错误地假设页面请求重新编译了 scss 文件？如果是这样：如何让指南针自动编译 scss 文件？如果不是：我做错了什么？

有关代码，请参阅我的github 存储库。

我bootstrap-sass在我的 Rails 项目中使用 2.3.1.0 版本的 gem。但是，当推到 Heroku 时，我得到了 Bootstrap 3 样式。我检查了 CSS 样式，它确实说 Bootstrap 版本 3。

在本地，分配似乎是正确的。但同样令人困惑的是，当我检查 CSS 文件时，它显示 Bootstrap 版本 3，尽管显示的样式看起来像 Bootstrap 2.3 样式。

我认为在某一时刻，我的bootstrap-sassgem 正在使用 Bootstrap 3，但是当我把它放回时gem 'bootstrap-sass', '2.3.1.0'，我遇到了这个奇怪的冲突。我真的只是希望我的 Heroku 应用程序能够正确显示样式。即使我将当前的本地版本推送到 Heroku，它仍然使用 Bootstrap 3 样式。

这是我所拥有的：

Gemfile：

我创建了一个styles.css.scss文件，其中有一行@import "bootstrap";Here's what it looks like on localhost:

这是 Heroku 上的样子：

使用 bootstrap-sass gem 处理一个从 Bootstrap 2.3 开始的项目，在我的 gemfile 中指定版本 2.3.1.0。我想将其更新为 Bootstrap 3。

这是应用程序在 bootstrap-sass gem 版本 2.3.1.0 中的样子：

我检查了一个分支以尝试将样式更新为 Bootstrap 3，因此我更新了我的 gemfile 以使用最新版本的 bootstrap-sass gem，运行包更新并安装。

我在上面看到的每个“惊人点”div 元素上都有引导 3 个版本类，所以英雄单元中的样式应该消失，按钮应该变平，惊人点应该跨越 4 列，并带有“col-lg” -4" 我指定的类。

但是当我启动 rails 服务器时，我得到了 Bootstrap 2.3 和 3 的混合：

“col-lg-4”类应用于惊人点，但登录和注册按钮仍然看起来像 Bootstrap 2.3 按钮！“登录”和“注册”文本中有一个微妙但明显的变化——它有点粗体。这就像我有一些奇怪的 Bootstrap 2.3 和 3 的混合体。

但现在我运行 rake assets:precompile，得到的结果如下：

现在事情正在正确显示。

但是为什么我总是必须运行 rake assets:precompile 才能使其正常工作？当我在 gem 文件之间切换时，如何让它自动更新？

以下是其他相关文件：

应用程序.css：

宝石文件：

Gemfile.lock（我只展示 bootstrap-sass 版本）：

应用程序.rb：

config/development.rb 中的相关行：

我有一个使用 gem bootstrap-sass 在本地机器上开发的 rails 应用程序。在开发中一切正常，但是当我将我的应用程序部署到生产服务器时，字形图标停止工作。

控制台中有错误提示：

确实不存在这样的文件，而是带有资产管道摘要的同一个文件。所以在我看来，对资产管道文件的请求被破坏了，因此试图获取正常文件？还是我的资产管道坏了？不太确定。并且不确定为什么它可以在我的本地机器上运行，但不能在服务器上运行。

我必须以不同的方式配置我的 production.rb 吗？

我正在使用带有 Rails 4 的 BootStrap Saas gem ( https://github.com/thomas-mcdonald/bootstrap-sass )。我正在尝试设置 scrollspy，但是我无法获得效果。我已经完成了研究并经历了 Bootstrap 3 scrollspy 奇怪的行为 - 没有更新滚动上的活动类， Bootstrap ScrollSpy 不起作用，Bootstrap 3 Scrollspy 激活事件未触发，并且Bootstrap scrollspy 链接活动未应用并且仍然存在问题。

这是我当前的代码。从 application.html.erb

这是视图中的代码

编辑：部分元素的片段

这是我的 Application.js 文件。

我正在使用 rails 3.2 和 bootstrap 3 开发一个 ruby​​ on rails 项目。我使用的 gem 是 bootstrap-sass，它是最新的。我正在尝试在我的样式表文件中更改引导组件的默认属性。在 gem 的文档中，它指出我可以在使用之前更改引导程序的某些内容：

@import "引导程序";

我想在引导程序的缩略图周围创建一个黑色边框并制作

所以在导入语句之前，我添加了：

$thumbnail-border: #000000 5px; $hr-边界：#000000；

然后，我将变量放在适当的引导类中，但我什么也没得到。任何帮助将非常感激。