问题标签 [bootstrap-sass]

我对此很陌生，但我无法弄清楚问题所在。

在 twitter 引导程序中，我会使用：

这一切都很好。但我不想将 spanX 和 spanY 直接写到我的 html 文件中，而是我想给出有意义的类名，例如：

鉴于我正在使用https://github.com/thomas-mcdonald/bootstrap-sass的事实，我应该如何编写我的 scss 文件？我尝试了以下方法，但它不起作用（未显示两列）：

如果我查看生成的代码，在我看来一切都应该没问题：

等等。

我究竟做错了什么？

更新：

好的，只是为了清楚什么是错误的 - 列被布置为行（一个接一个），而不是像真正的列（一个彼此相邻），例如：

使用引导程序：Column1 Column2
使用我的自定义类：
第一列
第二列

我检查了 Chrome 中的元素布局，似乎引导类具有浮动属性，而我的 - 没有。查看 css 源，我看到这样的类：

所以在我的情况下，我认为它应该生成类似： [class*="user-filter"] { float: left; 左边距：20px；}

或不？

我已经使用 bootstrap-sass 将引导程序集成到我的应用程序中。该应用程序在我的本地计算机上运行良好，但是当我通过 capistrano 进行部署时，出现此错误：

当 capistrano 试图奔跑时assets:precompile

我认为这个变量会引发错误，因为它是第一个尝试预编译的 scss 文件中的第一个变量。

有些东西加载不正确。任何想法可能是什么？

编辑

此处的完整跟踪https://gist.github.com/2233071

编辑 2

将 application.rb 和 production.rb 添加到 gist

我不明白为什么我的响应式 Twitter 引导导航会发生这种情况。这是一个屏幕截图：

https://www.evernote.com/shard/s3/sh/79b436f8-822c-4fdc-ad36-a1d706686d05/3a735fc948474e109c08b773f01f0cf8

它添加了那些指向上方的奇怪箭头。插入符号是有意的，这些都可以。如果我dropdown从<li class="dropdown">. 但这样做会破坏导航。否则导航工作得很好。这是我的标记：

这个标记似乎没有什么问题，但我不断得到这些小箭头。我宁愿弄清楚我在引导程序中做错了什么，而不是尝试用 css 覆盖它

我如何摆脱这些箭头？

仅供参考，我正在使用 bootstrap-sass gem 来导入 twitter bootstrap。

我正在尝试将bootstrap-sass (2.1.0.0)用于响应式设计的 Ruby on Rails 3.2.8 站点。这是我第一次尝试使用 Rails 或 Bootstrap 进行响应式设计。

问题是我的一些（但不是全部）CSS 样式与适当的选择器匹配。具体来说，我.navbar-fixed-top在 custom.css.scss 中应用的自定义样式既出现在我编译的 custom.css 样式表中，也出现在浏览器中呈现的页面上。但是，响应式 Bootstrap 样式.navbar-fixed-top 出现在编译后的 custom.css 中（根据 Chrome 的 Inspector），但不会出现在浏览器中呈现的页面上。

如果在 custom.css.scss 中，我改@import "bootstrap-responsive";回 default @import "bootstrap";，则 Bootstrap 样式.navbar-fixed-top出现在呈现的页面上。这个问题似乎与具体的响应能力有关。

我很难找到与我的具体问题相关的相关信息。在找到这个问题后，我将 Bootstrap 默认meta name="viewport"标签更改为，但我的问题不是 iPhone 特有的。<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

$ rails server在解决此问题时，我也一直在重新启动。

我不知道如何进一步解决这个问题。任何帮助将非常感激。

我正在尝试在我的 Rails 3.2 应用程序上安装 bootstrap-sass gem，但在调用时遇到此错误compass install bootstrap：

没有这样的框架：“引导程序”

我在我的 Gemfile 中安装了 gem：

我已将 import 语句放入我的 application.css.scss 文件中：

我的 application.js 中需要引导程序：

我在我的 config.ru 文件中需要 bootstrap-sass：

任何人都知道问题可能是什么，或者遇到了同样的问题？

这是 bootstrap-sass 的 git：https ://github.com/thomas-mcdonald/bootstrap-sass.git

我正在尝试追踪一些棘手的交互。这是场景：

• 我正在使用 sass-twitter-bootstrap github repo。我已将完整的 scss 文件集复制到我的 assets/twitter 目录中

当我的 application.css 看起来像这样时：

刷新主页会给我这个错误：

当我的 application.css 看起来像这样时：

然后我没有收到错误，但我的 custom.css.scss 没有应用。

我的 custom.css.sccs 看起来像这样：

这是我的宝石文件：

我正在关注 Hartl 的教程（此时到第 5 章 - http://ruby.railstutorial.org/chapters/filling-in-the-layout#code-signup_button），我觉得好像我已经按照他的指示进行了操作，但是当我尝试在线查看我的 sample_app 主页时，我不断收到此错误消息：Sass::SyntaxError in Static_pages#contact然后File to import not found or unreadable: bootstrap.我刚刚将 bootstrap-sass gem 添加到我的 Gemfile，创建了文件 app/assets/stylesheets/custom.css.scss 并添加了 Bootstrap CSS到该文件 ( @import "bootstrap";)。我查看了一些类似的线程来寻找解决方案，并尝试了一些选项，但没有任何效果。有什么想法吗？帮助将不胜感激...

我正在使用带有 rails 3.2.9 的 bootstrap-sass 2.1.1.0。我在模态中有一个 ajax 表单。像这样：

提交成功后我想隐藏模态并替换模态下页面中的元素：（update.js.erb）

问题是：有时（90% 的时间），replaceWith($('#avatars_avatar_medium').replaceWith('<%= j render "avatar_medium", avatar: @avatar, user: @user %>'); ) 似乎不起作用。它不会更新我的页面。我不擅长 javasript 你能说出问题吗？谢谢！

也许我不明白如何在 sass 中使用 mixin，或者如何使用 bootstrap-sass (https://github.com/thomas-mcdonald/bootstrap-sass)。但是我怎样才能改变一类输入字段的盒子阴影呢？

编辑：应该澄清一下，在此示例中，我试图在选择活动输入字段时更改其发光效果。默认情况下它是蓝色的。

对于我的项目设置，我就像它在 github 页面上所说的那样，将 gem 放在 Gemfile 中，然后在控制器中我有类似的东西：

所以也许我对 sass 工作原理的理解还差得很远。我想如果我想更改输入的 box-shadow，我可以在我自己的 mixin 中重复代码，但这也只是一个普遍的问题，关于其他 mixin 是否也可以实现这种事情。

我已经安装了以下 gem，并正在尝试实现一个 datepicker。日期选择器显示在该字段中，但是当我选择一个日期时，数据不会持续存在，甚至不会显示在该字段中。我的咖啡脚本或 html 是否出错 - 或者这可能是宝石之间的不兼容？

http://www.eyecon.ro/bootstrap-datepicker/

https://github.com/Nerian/bootstrap-datepicker-rails

文章.js.coffeescript

_form.html.erb