цвет navbar в Twitter Bootstrap - PullRequest
       109

цвет navbar в Twitter Bootstrap

114 голосов
/ 26 марта 2012

Как мне изменить цвет фона навигационной панели Twitter Bootstrap 2.0.2? Как изменить цвет всех элементов панели навигации, чтобы они отражали цвет фона?

Ответы [ 13 ]

1 голос
/ 21 сентября 2013

В строке bootstrap.css 4784 мы видим:

.navbar-inverse .navbar-inner {
  background-color: #FFFFFFF;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

Вам нужно удалить все объявления свойства 'background-image', чтобы получить желаемый эффект.

0 голосов
/ 12 августа 2014

Я просто перезаписываю все, что я хочу изменить в site.css, вы должны загрузить site.css после начальной загрузки, чтобы он перезаписывал классы. То, что я сделал сейчас, - это просто мои собственные занятия с моей собственной маленькой темой начальной загрузки. Такие мелочи

.navbar-nav li a{
    color: #fff;
    font-size: 15px;
    margin-top: 9px;
}
.navbar-nav li a:hover{

    background-color: #18678E;
    height: 61px;
}

Я также изменил подобные ошибки валидации.

0 голосов
/ 28 октября 2013

Вы можете настроить свою собственную версию на официальном сайте Bootstrap .

...