问题标签 [bootstrap-sass]

如何在使用 Bootstrap 的“typeahead”自动完成时为下拉菜单中的活动项目设置自定义背景颜色？

一个小问题，但让我沮丧了几个小时！

我通过 bootstrap-sass gem 在 Rails 3.2 应用程序中使用 Twitter Bootstrap。

我认为这是由下拉菜单样式控制的，但是

不起作用。

我还尝试了更具体的方法

但这似乎也不起作用。

我在看什么？还是我的修复程序应该起作用，而问题出在其他地方？

当我将窗口的大小调整到 767/768 像素以下时，主体和导航栏会得到一个奇怪的右边距/填充（每个 20 像素；导航栏右侧总共有 40 个白色像素）。我找不到这是正常行为还是我做错了什么。

css 大小/填充/边距引导覆盖的唯一片段是：

这里是 HTML：

我使用带有导轨的 bootstrap-sass gem。我不确定.container角色。

我正在尝试实现工具提示功能，如下所示：http: //twitter.github.com/bootstrap/javascript.html#tooltips使用 Ruby on Rails 3 的 Bootstrap-sass gem。我已经完成了以下操作，但它没有'不起作用（当我将鼠标悬停在文本上时，文本不会出现）：

在宝石文件中：

在 application.js 中：

在 show.js.erb 中：

在 show.html.erb 中：

为什么这不起作用？

应用程序.js：

视图/布局/application.html.erb：

宝石文件：

我知道 Twitter Bootstrap 可以在从 Bootstrap 网站下载时进行定制。bootstrap-sass gem 怎么样 - 它总是包含所有功能吗？

我将 ROR 与 bootstrap-sass gem 一起使用。这很奇怪，但我不能使用这里列出的一些样式：http: //twitter.github.com/bootstrap/components.html#labels-badges

我认为这是因为我不是真正的 bootstrap-sass gem - 它是 2.0。所以我将这个 gem 更新到 2.2.2.0，它安装得很好，但没有帮助。

当我检查页面源代码中的样式表文件时，在 localhost/assets/custom.css?body=1 之上，有标题：

/* * 引导程序 2.0.0 * (...)

那么我需要单独更新引导文件吗？如果，我在哪里可以找到它们？

编辑

我做了一些操作： - 手动下载 bootstrap 并将其放入 vendor/assets/stylesheets/bootstrap （我创建了 bootstrap 文件夹） - 将 import "bootstrap" 更改为 import "bootstrap/bootstrap"

它有效，但如果这是一个好的做法，我有异议，所以我做了： -gem clean -gem update -bundle install -deleted the vendor/assets/stylesheets/bootstrap - 我放的所有东西 - 改回导入“bootstrap”和......它似乎工作。

这是我的 application.js 清单。

使用此设置，可排序 (JQuery)、下拉菜单 (bootstrap) 和模态 (bootstrap) 在 heroku 上的 PRODUCTION 中工作。

在开发中，下拉菜单不起作用。

当我放置引导程序需要高于 jquery 时，所有引导程序和 jquery 都停止工作。

我正在使用分区磁盘在 Windows 8（Rails 3.2.11 和 Ruby 1.9.3p125）上开发 Rails 应用程序。

我的 Rails 安装在驱动器“S”上，我的应用程序在驱动器“J”上。

在我的 gem 文件中，我有“gem 'bootstrap-sass'”。按照建议，我在 bootstrap-and-overrides.css.scss 文件中使用“@import 'bootstrap'”。

这会引发错误：

如果我从我的 css.scss 文件中删除“@import 'bootstrap'”，错误就会消失......我该如何解决这个问题才能使用 bootstrap？

提前致谢

我有一个使用 bootstrap-sass gem 的 rails 应用程序。我想将导航栏折叠的宽度从平板电脑（979px）更改为手机（769px）。覆盖媒体查询不是一个整洁的解决方案。

我@navbarCollapseWidth在 variables.less 中进行了编辑并构建了引导程序，然后将内容 bootstrap-responsive.css 复制到 gems...vendor/assets/stylesheets/bootstrap 中的 responsive.scss 中。然而现在，我失去了更新 gem 而不丢失我的更改的能力。

这里最好的方法是什么？我想做一个我认为简单的改变，但让我的 gem 可以更新。也许@import "bootstrap-responsive-mine";在 application.css.scss 中使用，然后在需要时手动更新该文件？

我有以下（和工作的）动态菜单/下拉菜单，它允许您选择一个属性类型，然后选择一个具有常规 rails 表单的属性子类型：

properties.js.coffee

_form.html.erb

这工作正常。但是，我想将它集成到一个已经使用简单表单gem 设置的更大的应用程序中。我还通过bootstrap-sass使用 twitter 引导程序。

我能得到的最接近的表格是：

注意：我必须将 :prop_type_id 更改为 :prop_type 以防止应用程序抛出错误。

但这不起作用 - 第二个下拉菜单不会映射到第一个。我在我的 java/coffeescript 中做错了什么？对于第二个下拉菜单，是否有“grouped_association”之类的东西或类似的东西？

这甚至可行吗，还是我应该将整个表单转换回标准 rails 格式？

更新

我能够让它工作，但将 erb 粘贴到 div 中，如下所示：

问题

为什么 bootstrap-sass makeColumn(X) mixin 的行为与 Bootstrap .spanX 类不同？例如，使用 makeColumn(9) 的类与使用 .span9 类的相同 div 看起来不同。

语境

我正在使用 Ruby on Rails 构建一个应用程序，并且在尝试使用 bootstrap-sass gem 中的 mixins 时遇到了重大问题。

当我使用我定义的类时，我没有得到与在 Bootstrap 中使用 .span 类相同的样式。我已经查看了整个互联网，无法弄清楚出了什么问题。我猜这是相当明显的事情，我只是没有看到，因为我已经盯着屏幕太久了。

HTML

.scss 文件

谢谢您的帮助。