如何在使用Rails 3.x时自定义Twitter引导程序?

gee*_*ter 8 css ruby-on-rails less ruby-on-rails-3 twitter-bootstrap

我使用Rails 3.2,我整合Twitter的引导到我的Rails应用程序通过使用Twitter的引导护栏宝石在这里RailCasts指示- http://railscasts.com/episodes/328-twitter-bootstrap-basics.

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

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

Jas*_*son 11

您也可以通过修改变量较小的@navbarBackgroundHighlight来处理它.如果将其设置为与navbarBackground相同的颜色,那么您将没有渐变.例如:

@navbarBackgroundHighlight: white;
@navbarBackground: white;
Run Code Online (Sandbox Code Playgroud)

中提琴.没有渐变,也没有与CSS的内部结合.


And*_*ich 7

引导渐变来自.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;
}
Run Code Online (Sandbox Code Playgroud)