ruby-on-rails - 如何在使用 Rails 3.x 时自定义 Twitter 引导程序？

Question

我正在使用 Rails 3.2，并按照此处 RailCasts 中的说明使用 twitter-bootstrap-rails gem 将 Twitter 引导程序集成到我的 Rails 应用程序中 - http://railscasts.com/episodes/328-twitter-bootstrap-basics。

我在我的应用程序中添加了一个导航栏。

我想知道如何从导航栏中删除渐变？我应该编辑什么以及在哪里？

Answer 1

你也可以通过修改less变量@navbarBackgroundHighlight来处理它。如果您将其设置为与 navbarBackground 相同的颜色，那么您将没有渐变。例如：

@navbarBackgroundHighlight: white;
@navbarBackground: white;

中提琴。没有渐变，也没有破坏 CSS 的内部结构。

Answer 2

引导渐变来自.navbar-inner类，可以通过重置background-imagebootstrap.css 样式表上设置的属性来删除。我建议您在自己的样式表上重置它们，这样当引导程序更新时，您不必返回并重做您的更改，因此将以下内容放在您的样式表上以删除渐变：

CSS

.navbar-inner {
  background-color: #2c2c2c; /* place your solid color here */
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}

Answer 3

Bootstrap LESS 变量有 2 个非常好的参考资料。

• http://bootstrap.lesscss.ru/less.html （这是一个俄罗斯网站 - 但这个页面是英文的。我在主要的英文网站上找不到类似的页面）

• https://github.com/twitter/bootstrap/blob/master/less/variables.less