Ruby on rails 如何在使用Rails3.x时自定义Twitter引导?

Ruby on rails 如何在使用Rails3.x时自定义Twitter引导?,ruby-on-rails,css,ruby-on-rails-3,twitter-bootstrap,less,Ruby On Rails,Css,Ruby On Rails 3,Twitter Bootstrap,Less,我使用的是Rails 3.2,通过使用 twitter引导rails gem,如Railcast中所示- 我在应用程序中添加了导航栏 我想知道如何从导航栏中删除渐变?我应该编辑什么以及编辑在哪里?引导梯度来自.navbar内部类,可以通过重置bootstrap.css样式表上设置的背景图像属性来删除。我建议您在自己的样式表上重置它们,这样当引导更新时,您就不必回来重新进行更改,因此在样式表上放置以下内容以删除渐变: CSS .navbar-inner { background-color:

我使用的是Rails 3.2,通过使用 twitter引导rails gem,如Railcast中所示-

我在应用程序中添加了导航栏


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

引导梯度来自
.navbar内部
类,可以通过重置bootstrap.css样式表上设置的
背景图像
属性来删除。我建议您在自己的样式表上重置它们,这样当引导更新时,您就不必回来重新进行更改,因此在样式表上放置以下内容以删除渐变:

CSS

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

您还可以通过修改less变量@navbarBackgroundHighlight来处理它。如果将其设置为与navbarBackground相同的颜色,则没有渐变。例如:

@navbarBackgroundHighlight: white;
@navbarBackground: white;

中提琴。没有梯度,也没有破坏CSS的内部结构。

对于无引导变量,有两个非常好的参考

  • (这是一个俄语网站-但是这个页面是英文的。我在主英文网站上找不到类似的页面)


谢谢@Andres Ilichih。这将非常有用。这是否仍然与版本2.1.1相关?似乎对我不起作用。不足以给出完整答案,但您也可以从
应用程序.scss
中删除
@import bootstrap/theme
选项。缺点:除非指定,否则它会删除所有渐变。