twitter bootstrap navbar настройка запроса для начинающих

Это мой код навигации:

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="sampale.html"><font color="#125EAA">Downloads</font></a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="https://example.com">Browser</a></li>
            </ul>
                <div class="btn-group">
                      <a class="btn dropdown-toggle btn-primary" data-toggle="dropdown" href="#">
                        Guides
                        <span class="caret"></span>
                      </a>
                      <ul class="dropdown-menu">
                        <!-- dropdown menu links -->
                        <li><a href="https://example.com/sample.htm">User Guide 1</a></li>
                        <li><a href="https://example.com/sample.htm">Option 2</a></li>
                      </ul>
                </div> <!-- dropdown -->

                <div class="btn-group">
                      <a class="btn dropdown-toggle btn-primary" data-toggle="dropdown" href="#">

                        <span class="caret"></span>
                      </a>

и это мой файл css ( custom.css )

.navbar-inverse .navbar-inner {

                 background-color: #FFDD00; /* fallback color, place your own */
                 background-image: none;
                 background-repeat: no-repeat;
                 filter: none;
              }

Результат:

  1. В части кода Браузер

    Браузер

фон части браузера по-прежнему имеет цвет по умолчанию (черный), но я хочу, чтобы он отображал желтый цвет фона (#FFDD00). Можем ли мы исправить эту часть?

  1. Кроме того, можем ли мы редактировать класс btn-primary в css. Я хочу изменить цвет кнопки.

У меня были эти 2 вопроса. Любая помощь очень ценится! Данке!


person thestralFeather7    schedule 16.07.2013    source источник
comment
возможный дубликат цвета панели навигации в Twitter Bootstrap - вы также задали этот вопрос вчера: stackoverflow.com/questions/17661211/bootstrap-custom-css-file   -  person Zim    schedule 16.07.2013
comment
вы имеете в виду, что тело показывает черный? если это причина, просто установите body{background: #FFDD000;}   -  person Parker Hutchinson    schedule 16.07.2013
comment
@ParkerHutchinson - нет, сэр, я не хочу делать тело желтым, только панель навигации! и в части браузера он показывает часть браузера как черный!   -  person thestralFeather7    schedule 16.07.2013


Ответы (1)


Для вашего первого вопроса используйте:

background-color: #FFDD00 !important;

Для вашего второго использования:

.btn-primary {
    background-color: red;
}
person Community    schedule 16.07.2013
comment
часть цвета фона входит в состав .navbar-inverse .navbar-inner ? - person thestralFeather7; 16.07.2013
comment
для части btn-primary я вижу, что цвет фона кнопки красный (я могу смутно разобрать)! Но цвет кнопки остается неизменным! Я хочу изменить цвет кнопки! Кроме того, что касается первого ввода, я уже использовал его внутри части панели навигации, если вы видите вопрос. Но это не работает =/ - person thestralFeather7; 16.07.2013
comment
Вы вставили внешние файлы css - person ; 16.07.2013
comment
Я не вставил все свои коды, хотя должен ли я? Becoz, я не знаю, может ли он обрабатывать элементы начальной загрузки Twitter. но я обновил его сейчас! - person thestralFeather7; 16.07.2013
comment
Обнаружена проблема, что также было фоновое изображение, вот рабочая скрипка jsfiddle.net/Hive7/CscBP /5 - person ; 16.07.2013
comment
Ok ! Итак, я вижу, вы только что добавили !important в файл CSS? - person thestralFeather7; 16.07.2013
comment
да плюс вам нужно background-image: none !important; - person ; 16.07.2013
comment
я добавил их в свой файл css, но это все равно ничего не изменило :( - person thestralFeather7; 16.07.2013
comment
Вы смотрели на скрипку - person ; 16.07.2013
comment
Если вы хотите, чтобы граница внизу была удалена, удалите border-bottom: none !important. - person ; 16.07.2013
comment
Пожалуйста, не могли бы вы согласиться, поскольку я сделал то, что вы просили, и, возможно, проголосовать, как я сделал с вами - person ; 17.07.2013