问题标签 [twitter-bootstrap-rails]

最近我通过删除所有引导资产并重新安装它来升级twitter-bootstrap-rails 。该应用程序现在在开发模式下工作正常，但是当我发布到 heroku 时它不起作用，并且出现“出现问题..”页面错误。所以我想我的某些东西没有正确配置为生产模式，或者我在尝试修复这个错误时搞砸了一些配置。（即环境设置）

这是我在本地生产模式下运行时得到的结果。我还将在此处粘贴环境设置。有人可以告诉我设置有什么问题吗？

我一直在努力让 twitter-bootstrap-rails gem 在我的 Windows 机器上运行，并在尝试安装“therubyracer”gem 时遇到错误，这是旧版本的 less gem 的依赖项。

我认为升级到不依赖于 therubyracer 的 less 2.2.1 但是尽管如此，它似乎认为我仍然需要安装 therubyracer。这是我尝试启动 Rails 服务器“rails s”时得到的错误输出。

这是我的Gemfile和Gemfile.lock文件。谁能帮我弄清楚如何告诉我的应用它不需要安装“therubyracer”？

---- Gemfile----

---- Gemfile.lock----

我遇到了与此已回答帖子中所述完全相同的问题-导航折叠不起作用[Twitter Bootstrap]

我为自己是新手而道歉，但我认为这里的答案意味着我应该放置：

在我的 application.html.erb 文件的 HEAD 部分中。

好吧，我已经这样做了，但图标仍然没有出现。还有什么我需要做的吗？

这是我的 GEMFILE 来源：

我已经在 Heroku 上部署了一个 rails 应用程序，并且我正在使用 twitter-bootstrap-rails gem 来包含 twitter 引导程序。一切都在本地（和开发环境中）完美运行，但在 Heroku（和生产环境中）一切正常，除了 glyphicons，它们都显示为小方块。

起初我认为这是图标精灵未预编译的问题，因此在我的 gemfile 中，我将“gem twitter-bootstrap-rails”行移出资产组，并且我确定在上传之前预编译了所有资产到赫罗库。

然而，这并没有解决问题。检查页面后，图标似乎可用，但链接到它们的 CSS 属性被另一个将 background-image 设置为 none 的 CSS 规则覆盖。它似乎发生在作为 twitter bootstrap 一部分的样式表中，所以我不太确定为什么会发生这种情况。

有没有其他人有这个问题？

我正在使用 twitter bootstrap，我有一些这样的代码：

它将文本呈现为浅蓝色，将其突出显示为链接。

我将如何引用该元素以通过 css 更改它？

我真的很喜欢 Twitter Bootstrap 模态，但是用动画显示它有点慢。我会说大约500毫秒。

有没有办法让它更快？我看了看，bootstrap-modal.js但找不到任何可以提供帮助的令人信服的东西。

而且，我不想完全停用动画，因为我发现这是一个让响应时间在用户眼中看起来更快的好技巧；o)

我认为这是在 Rails 中安装 therubyracer gem 的常见问题。它是 twitter-bootstrap-rails gem 的依赖项。

我试过这样的解决方案： `gem install therubyracer` 在 Mac OS X Lion 上失败

这是我的 gem 文件中相关的部分：

这是我在运行 bundle install 时遇到的错误：

我的系统环境是：Rails 3.2.6 ruby​​ 1.9.3p194 (2012-04-20 revision 35410) [x86_64-darwin11.4.1] Mac OSX 10.7.4 (lion) Xcode 4.5

• 我一直在拔头发。我是 ruby​​/rails 的新手，哎呀，我通常是编码新手，所以错误消息对我来说没有多大意义。我猜这是某种编译器问题。

谢谢你的帮助。

我刚刚将我的 rails 应用程序部署到 Heroku，而我在开发环境中显示良好的所有引导程序图标在 Heroku 上只显示为小方块。当我在本地机器上使用预编译资产以生产模式运行应用程序时，也会发生同样的事情。我正在使用 Rails 3、twitter-bootstrap-rails gem 和 LESS。

在做了一些挖掘之后，我发现了这一点：

bootstrap 的实际 CSS 分布在 twitter-bootstrap-rails 外部库中的一大堆 LESS 文件中。sprites.less 是与图标相关的规则所在的文件。在 [class^="icon-"], [class*=" icon-"] 下有一条规则将 'background-image' 属性设置为 @iconSpritePath。@iconSpritePath 在我的 bootstrap_and_overrides.css.less 文件中定义为asset-path('twitter/bootstrap/glyphicons-halflings.png')。

出于某种我不明白的原因，这在开发环境中运行良好，但是当我预编译我的资产并在生产环境中运行它时，@iconSpritePath 在编译的 CSS 文件中被替换为“无”，因此所有图标的“背景图像”属性为“无”。

有没有其他人遇到过这个问题，有没有人对如何解决它有任何想法？我假设我必须对 LESS 文件进行一些更改...

编辑：我刚刚发现问题实际上不是图标的路径。就是在编译过程中，一个额外的规则被添加到 CSS 文件的开头，上面写着：

这会覆盖文件中 [class^="icon-"], [class*=" icon-"] 的第二条规则，这是应该使用的规则：

不知道为什么要添加这个...

The website https://wrapbootstrap.com/ has themes which were made using Twitter Bootstrap. Each of these themes include different versions of Twitter Bootstrap along with other various libraries and versions (jquery, fontawesome, etc...)

How do I add these themes to my existing Rails app? What are the steps?

I'm especially curious about the conflicts that may arrise if I'm already using a different version of jquery, twitter bootstrap, fontawesome, and others (as declared in the Gemfile).

Thank you

有人知道如何设置 gem bootstrap-datepicker-rails 吗？我遵循了http://rubydoc.info/gems/bootstrap-datepicker-rails/0.6.21/frames中的步骤，基本上：

1. 我设置twitter-bootstrap-rails宝石
2. 我将此添加到 gemfilegem 'bootstrap-datepicker-rails', '>= 0.6.21'

3. 将此行添加到 app/assets/stylesheets/application.css

   /li>

4. 将此行添加到 app/assets/javascripts/application.js

   /li>

5. 将此行添加到 app/assets/javascripts/controllername.js.coffee

   /li>

6. 最后在视图中使用:)

   /li>

但它不起作用！有人让它工作吗？它应该工作得很好，如下所示：http:
//jsfiddle.net/2Gg5k/43/