title: How to change the Navbar color in Yii2
body: <p>I need to change the color of the Navbar in Yii2 (where I have Home, About,...) how can I do this? I don't want to change the theme.</p>
  
  <p>this is the site css file:</p>
  
  <pre><code>html,
  body {
      height: 100%;
  
  }
  
  .wrap {
      min-height: 100%;
      height: auto;
      margin: 0 auto -60px;
      padding: 0 0 60px;
  }
  
  .wrap &gt; .container {
      padding: 70px 15px 20px;
  }
  
  .footer {
      height: 60px;
      background-color: #B0C4DE;
      border-top: 1px solid #ddd;
      padding-top: 20px;
  }
  
  .jumbotron {
      text-align: center;
      background-color: transparent;
  }
  
  .jumbotron .btn {
      font-size: 21px;
      padding: 14px 24px;
  }
  
  .not-set {
      color: #c55;
      font-style: italic;
  }
  
  /* add sorting icons to gridview sort links */
  a.asc:after, a.desc:after {
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      padding-left: 5px;
  }
  
  a.asc:after {
      content: /*"\e113"*/ "\e151";
  }
  
  a.desc:after {
      content: /*"\e114"*/ "\e152";
  }
  
  .sort-numerical a.asc:after {
      content: "\e153";
  }
  
  .sort-numerical a.desc:after {
      content: "\e154";
  }
  
  .sort-ordinal a.asc:after {
      content: "\e155";
  }
  
  .sort-ordinal a.desc:after {
      content: "\e156";
  }
  
  .grid-view th {
      white-space: nowrap;
  }
  
  .hint-block {
      display: block;
      margin-top: 5px;
      color: #999;
  }
  
  .error-summary {
      color: #a94442;
      background: #fdf7f7;
      border-left: 3px solid #eed3d7;
      padding: 10px 20px;
      margin: 0 0 15px 0;
  }
  </code></pre>
  
  <p>and this is the site view (index.php):</p>
  
  <pre><code>&lt;?php
  /* @var $this yii\web\View */
  $this-&gt;title = 'ACME Database';
  ?&gt;
  
  
  
  &lt;div class="site-index"&gt;
  
      &lt;div class="jumbotron"&gt;
          &lt;h1&gt;Welcome to ACME Database!&lt;/h1&gt;
  
  
      &lt;/div&gt;
  
      &lt;div class="body-content"&gt;
  
       ....
  </code></pre>
  
  <p>But I don't know where the navbar is configured. I tried editing all bootstrap.css files (navbar) but nothing changed. </p>