问题标签 [bootstrap-sass]

我已经bootstrap-sass安装在我的 Rails 3.2 应用程序中。我可以让引导程序正常工作，包括 javascript 和（难以捉摸的）工具提示。但我无法让工具提示样式正常工作。

这是我的设置：

应用程序.js

应用程序.css.scss

bootstra_and_overrides

有趣且令人困惑的一点是，引导弹出框工作正常，样式正确（这在某种程度上基于我所理解的工具提示），但工具提示却没有。它们显示在页面的下方和左侧，但无论我做什么，样式都不会受到影响，甚至没有考虑到位置 (data-placement='top')。

即使我删除了对我的应用程序中除引导程序之外的所有 CSS 的所有调用，样式也不起作用。

即使我在bootstrap_and_overrides.css.scss文件末尾包含所有工具提示样式，它们也不起作用。似乎工具提示类没有被应用到它。

由于一旦您将鼠标移出链接，工具提示就会消失，因此我无法检查它们以查看它们应用了哪些 CSS（如果有）。

我已经为 Heroku 部署了一个应用程序，但有一个我似乎无法弄清楚的问题。应用程序的 CSSBootstrap-sass未加载，因此我有一个未设置样式的应用程序。目前这只是静态页面的集合。

我已经按照自述文件中的所有步骤https://github.com/thomas-mcdonald/bootstrap-sass我无法弄清楚并且很可能是我的问题的步骤如下。由于 Rails 中的更改阻止了在 vendor 和 lib 中编译图像，因此您需要将以下行添加到 application.rb：

由于我对编程还是很陌生，第一个问题是我不知道在 application.rb 文件中的何处以及如何添加它。如果有人能帮助告诉我如何以及在何处正确添加上述代码行，我将不胜感激。

第二个问题可能与我正在使用的 gem 有关，但是当我创建应用程序时，sass-rails gem 是使用 ~> 4.0.0.beta1 安装的。根据自述文件，要使用的版本是 3.2。由于这也可能是一个问题，我已经包含了 gem 文件，以防有人确定这是我的问题的根本原因。

提前感谢您提供的任何帮助。

编辑：添加我在第一次尝试时采取的步骤，导致样式在我的本地主机上正常工作，但在代码部署到 heroku 后就不行了。

1. 创建了一个新的 rails 4 应用程序（下面的 gem 文件）
2. 添加了下面 gem 文件中列出的 bootstrap-sass gem
3. 在生产组中将 PG gem 添加到我的 gem 文件中，并将 SQLite3 移至开发和测试（运行 bundle install --without production 按照步骤 2 和 3）
4. 为静态主页创建了页面控制器
5. 在主页上的 hero-unit 中添加了一个 h1 只是为了查看样式是否有效
6. 添加了一个styles.css.scss 文件并包含@import 'bootstrap'；到样式表
7. 创建 git 存储库，运行我的初始提交并将代码推送到 git
8. 创建heroku应用并将master推送到heroku

在第二次尝试中，我在主页上添加了一个导航栏（如果这对任何人都有影响的话）并再次执行第 7 步和第 8 步，但在执行这些步骤之前，我运行了以下代码行。

我最终还是得到了一个在我的本地主机上具有正确风格的网站，但在 Heroku 上没有任何风格。正如我在上面的原始帖子中所指出的，有一行代码需要添加到 application.rb 文件中，由于我不了解如何将这行代码正确地添加到文件中，我没有遵循。

宝石文件：

我建立了一个小型站点作为学习练习并尝试使用 RoR。我对针对 WEBrick 运行“开发”的结果感到满意，但是在将站点移动到通过 apache 服务的“生产”时遇到了问题（所以我可以把它留在身边回顾）。

我已经尝试了一些我发现的小调整，但似乎没有任何问题可以解决这个问题——在我编译我的资产之后，JavaScript 停止工作——我的自定义小 jQuery 和内置的引导程序（下拉菜单）都不再有效。基本 HTML 正确呈现。我确实在 Chrome 开发人员工具中可见的“application.js”中出现了一个错误。我觉得这可能是问题所在，但我还没有深入研究“资产管道”来抓住它。

谁能发现我可能出错的地方？

以下是一些详细信息，如果需要，我们很乐意提供更多信息。很想把这个确定下来。

运行预编译的结果：

宝石文件：

应用程序/资产/javascripts/application.js：

app/assets/javascripts/rootEffects.js（我的一些随机 jQuery）：

将提供 public/assets/ 的内容，但不确定这是否有帮助。

这是我通过 Chrome 开发工具看到的错误。我忽略了控制台上的第二个错误，因为这是与 Chrome 相关的。

如果我从控制台单击，以下是显示的错误。我强烈认为这是相关的。

根据我的阅读和理解 - 预编译过程应该将我所有的 JavaScript 放在一个文件“application.js”中 - 可能引发的错误正在停止执行任何它。到目前为止，我还没有找到一个调整来纠正这个问题，所以我正在寻求帮助。

我正在使用 bootstrap-sass gem，并且由于某种原因在导航栏中我正在为下面的 li 之一使用活动类，但是它似乎没有被按下。

应用程序.html.erb：

index.html.erb 用于主控制器的 index 方法的视图文件，该方法被路由到应用程序的根目录：

I'm trying to create new Twitter Bootstrap buttons in my Rails app so I don't have to override the old ones. Using the Bootstrap-Sass gem, I've figured out how to override the default buttons like so (to make the btn-warning class 'Twitter blue'):

I'd like to define a btn-twitter class, among others, but I can't seem to figure out how to copy all the Bootstrap styles into new buttons. I've tried things like:

But that just makes a button with the default style.

I'm still fairly new to SASS and don't know much about the magic that's happening behind the scenes with the LESS -> SASS conversion. Also haven't been able to find anything on the 'net about creating new buttons. If there's something out there, feel free to just point me to it :)

Thanks in advance!

EDIT While not perfectly related to the question, I figured I'd provide a super-handy link to the Bootstrap-Sass variable sheet which has helped me quite a bit with extending Bootstrap in my Rails project: https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/templates/project/_variables.scss.

我正在尝试将 rails 应用程序部署到 jruby/tomcat。该应用程序已经在开发环境中使用 webrick 在 jruby 中运行。通过 warbler 部署到 tomcat 时出现错误

“没有要加载的文件——sass-rails”

我确实使用 rake assets:precompile 预编译了我的资产。生产中需要 sass-rails 是否正确？

编辑

这是宝石文件

我在我的 Rails 应用程序中使用 Thomas McDonals 的bootstrap-sass gem，每当我包含 bootstrap-transition.js 时，我的模态弹出窗口就不再出现。背景淡入，但实际的模态窗口不会出现。它甚至没有在源代码中显示，所以它不仅仅是被隐藏了。当我删除 bootstrap-transition.js 文件时，模式会正常工作。

现在，我包含了所有 bootstrap.js 文件，所以我正在做的事情没有什么不寻常的。

有人对如何恢复该模式有任何建议吗？我需要我正在使用的轮播的过渡。

编辑：为了清楚起见，我没有手动添加引导 js 文件，我只是按照 bootstrap-sass gem 的指示将它们包含在我的应用程序的 application.js 文件中。但是，开箱即用，模态窗口不起作用。

我必须从中进行选择，bootstrap-sass并且twitter-bootstrap-rails根据网络上的建议，我选择了第一个。

但是，我看到twitter-bootstrap-railsgem 有一些用于应用程序布局的生成器。像，

我发现这对于启动一个项目非常有用。但我没有在bootstrap-sassgem 中找到类似的生成器。运行命令：

没有像以前的那样显示任何生成器。

有没有办法让这些布局使用bootstrap-sass而不是使用twitter-bootstrap-rails？

提前致谢。

当我尝试通过 rails g bootstrap:install 安装它时添加“bootstrap-sass”后，我收到以下消息。“找不到生成器引导程序：安装”

我错过了什么吗？谢谢

我的Gemfile如下：

RoR 新手并参加了一个月的 Rails 课程 (onemonthrails.com)

我正在尝试导入引导程序。

红宝石 2.0.0p247

导轨 4.0.0

这是我的 Gemfile（仅显示“bootstrap-sass”行）：

引导宝石

这是运行“捆绑安装”时的输出

我的 GitHub 链接：github.com/dschmunis/omrails

谢谢您的帮助！迭戈