问题标签 [bootstrap-sass]

我正在尝试根据引导程序中的视口是 lg 还是 md 来设置填充，我的代码是：

似乎当我运行它时它说未定义的变量：“$screen-lg-min”。有人知道这里发生了什么吗？我检查了引导文件，在 _variables.scss 中有一个具有该名称的变量。

这段代码是用 application.css.sass 样式表编写的，因为我使用 gem bootstrap-sass

我正在尝试在兄弟 header.css.sass 文件中设置视口，我的代码是

我热衷于使用新的 Bootstrap SASS，但是我注意到必须添加一个精度值才能继续。我知道这个错误以及它如何使项目受益。

但是我不确定如何将它构建到我的项目中，这里非常缺乏 Bootstrap Docs..

这是上面给出的代码并在此处链接 - https://github.com/twbs/bootstrap-sass

我会注意到我已经安装了下载 gem 并使用 bower 安装了它。只需要让这个代码成为一个可以打电话回家的地方！

我在 Rails 4 中有一个表单，我想使用 Bootstrap 的单选按钮来设置二进制值，而不是使用复选框。

我使用Bootstrap 的示例作为参考。

我希望它看起来像这样：

http://jsfiddle.net/52VtD/3456/

但这是我到目前为止所拥有的（使用 HAML）：

产生：

我也在使用rails-bootstrap-forms。

更新：在 Chrome 的 DevTools 中玩耍，如果我将样式添加display: none;到线条中，我可以使按钮看起来像我想要的那样（无单选按钮）

但我不确定如何在 HAML 中执行此操作并在 Rails 中使用 Form Helper，因为我相信这些特定行是为我生成的。

这是特定于 Rails 版本 4 的。

我有一个“custom.css.scss”，并且正在使用“navbar navbar-fixed-top navbar-inverse”的引导类'，然后是 navbar-inner 和 div 容器的 div。

无论我将变量放在哪里，无论是在包含 @bootstrap 之前还是之后，我都无法更改 Bootstrap 反向导航栏的黑色。

这是我的“custom.css.scss”文件的第一部分，我只是尝试将整个该死的东西设置为紫色：

但是，它保持完全相同的黑色（反向）导航栏。样式的其他方面（下面是 mixins、变量等的注释）都可以正常工作，我可以更改元素颜色和样式没有问题。

我正在使用带有 Rails 4.0.3 的 bootstrap-sass 和 sass-rails 最新版本。我整天都在这，看不到改变引导变量的方法，因此我的颜色。

非常沮丧，希望有人可以提供帮助:)

编辑：共享提供导航栏（标题）的代码

我正在浏览 Michael Hartl 的教程，并且已经到了样式和布局章节，似乎出了点问题。而在本教程中，站点链接在一行上右对齐（如http://railstutorial.org/images/figures/site_with_footer_bootstrap_4_0-full.png），我让它们右对齐在另一个下方，还有一些（但不是全部）其他样式元素缺失。

我试过更新宝石。

示例代码 - _header.html.erb

我认为这意味着引导程序对某些事情不满意，但我不知道是什么。

感谢您阅读本文：）

我目前有一个 Rails 4 应用程序为 Bootstrap 2 运行 bootstrap-sass。我使用 localhost 进行测试。我有带有登录屏幕的应用程序。输入字段是白色的，带有非常细的灰色边框和蓝色文本。当我在字段中输入时，输入字段的背景是白色的，带有蓝色的文本。但是，当我进入保存登录信息的登录屏幕时，信息会填满字段，但会将两个字段的背景更改为黄色，文本为黑色。一个是文本字段，另一个是密码字段。

我希望使用我在视图中定义的 css 填写信息。有没有办法用 CSS 做到这一点？我没有发现任何与这个特定问题有关的东西。

任何帮助，将不胜感激。我会继续寻找。

更新 2014 年 3 月 28 日上午 9:15 CDT

我从 Martin 建议的链接中成功实施了解决方案，以更改自动填充的背景颜色。我决定猜测并搜索了 webkit 字体颜色文本，并找到了更改自动填充字体颜色的解决方案。

这是我的解决方案：

我正在关注本教程，从它告诉我集成引导程序的那一刻起，我就迷失了。我对引导程序一无所知，所以我无法真正解决它。什么都没有发生，格式仍然看起来像标准 HTML，根本没有任何 CSS 样式。

这是我的 application.css.scss 文件：

这是我的 application.js 文件：

这是我的视图文件（home.html.haml）：

我知道这确实很具体，但是由于我对引导程序一无所知，所以我不知道应该关注什么作为问题。我正在运行 Rails 4.0.4，并且 bootstrap-sass gemfile 是 2.3.2.0

我正在使用带有 Bootstrap 3 (sass) 的 Rails 4。

我的项目中有以下文件：

这个css在我的framework_and_overrides.css.scss

}

请注意，我看到一些帖子表明 rails 无法识别“背景图像”并应替换为“背景”，而其他帖子则表示“图像 URL”应替换为“URL”。这些都不适合我。

上面的 css 文件位于样式表树中，它通过以下方式包含在我的 application.css.scss 中：

我的应用程序视图中有这个。

我期待视图渲染一个包含背景图像的 jubmotron。它没有给我任何东西。我修改了框架并覆盖了 css 以测试它是否通过添加背景颜色来获取样式。那行得通。图像存在问题，我无法找到解决方案。我尝试过使用几张 jpg、gif 和 png 格式的图像。它们都不起作用。

有人对为什么不提供任何建议吗？我一直在摆弄我在框架中挑战图像路径并整天覆盖 css 的方式。我现在6小时了，没有头发了。请帮忙！

谢谢你。

我正在 Rails 中创建标准表单，但我使用 sass-bootstrap 来呈现更美观的界面。

我的问题延伸到使用 f.radio_button 输入的引导标签。下面是我正在使用的代码。

现在这看起来不错并且可以正常工作（单击所选按钮进入活动显示），直到我单击提交按钮。此时所选输入未添加到表单中，并且 :activity 变量留空。

如果我删除 div class="btn-group"... 单击按钮的行可用于输入数据，但不会发生视觉按钮更改。

关于为什么会发生这种情况的任何想法？我应该使用 jquery 来促进这一点吗？

谢谢

如何让 @screen-sm @screen-md @screen-lg 变量工作，而不是给我错误？在 Rails 中使用 bootstrap-sass gem？

当我删除 @screen-sm @screen-md @screen-lg 变量并用像素值替换它们时，浏览器中的错误就会消失。但是当我使用这些变量时，浏览器 rails 错误说这些参数无效。

我正在使用 bootstrap-sasts 3.0.3。

我的 application.js 文件中也有//=require bootstrap。github页面https://github.com/twbs/bootstrap-sass说这样做会导致变量在其他文件中不可用，但即使我从我的js文件中删除了这一行，我仍然无法使用变量我的 application.css.scss 文件。

应用程序.css.scss

宝石文件