Как настроить начальную загрузку Twitter при использовании Rails 3.x?

Я использую Rails 3.2 и интегрировал загрузчик Twitter в свое приложение Rails, используя гем twitter-bootstrap-rails, как указано в RailCasts здесь — http://railscasts.com/episodes/328-twitter-bootstrap-basics .

Я добавил панель навигации в свое приложение.

Я хотел бы знать, как удалить градиент с панели навигации? Что мне редактировать и где?


ruby-on-rails css twitter-bootstrap less ruby-on-rails-3
person geeky_monster    schedule 18.04.2012    source источник
comment
@Jaimaica Geek Недостаточно для полного ответа, но вы также можете удалить параметр @import bootstrap/theme из application.scss. НЕДОСТАТКИ: Удаляет градиенты везде, если не указано иное.   -  person onebree    schedule 27.05.2015

Ответы (3)


arrow_upward
7
arrow_downward

Градиенты начальной загрузки исходят из класса .navbar-inner и могут быть удалены путем сброса свойств background-image, установленных в таблице стилей bootstrap.css. Я рекомендую вам сбросить их в вашей собственной таблице стилей, таким образом, когда загрузчик будет обновлен, вам не придется возвращаться и повторять свои изменения, поэтому поместите следующее в свою таблицу стилей, чтобы удалить градиенты:

CSS

.navbar-inner {
  background-color: #2c2c2c; /* place your solid color here */
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}
person Andres Ilich    schedule 18.04.2012
comment
Спасибо @Andres Ilicih. Это будет полезно. - person geeky_monster; 18.04.2012
comment
Это все еще актуально для версии 2.1.1? Кажется, это не работает для меня. - person Noz; 21.07.2012

arrow_upward
11
arrow_downward

Вы также можете справиться с этим, изменив переменную less @navbarBackgroundHighlight. Если вы установите для него тот же цвет, что и для navbarBackground, градиента не будет. Например:

@navbarBackgroundHighlight: white;
@navbarBackground: white;

Виола. Никакого градиента и никакого вмешательства во внутренности CSS.

person Jason    schedule 26.04.2012

arrow_upward
1
arrow_downward

Есть две действительно хорошие ссылки на переменные Bootstrap LESS.

person Ian Bradbury    schedule 05.01.2013