title: How to change the color of active tab in bootstrap
body: <p>I want to create a search box with tabs on it but the problem is when I presses on the tab the active tab shows no text because I set the color to white. I want that; when i press on the tab the active tab shows text in blue color and all the other tabs show white text on blue background. I used bootstrap for this. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;ul class="nav nav-tabs" style="margin-left: 20px;" id="myTab" role="tablist" &gt;
    &lt;li class="nav-item" style="background-color:#0080FF; "&gt;
      &lt;a class="nav-link active " id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true" style="color: white; "&gt;Home&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="nav-item" style="background-color:#0080FF; "&gt;
      &lt;a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false" style="color:white ;"&gt;Profile&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="nav-item" style="background-color:#0080FF; "&gt;
      &lt;a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false" style="color:white ;"&gt;Contact&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="tab-content" id="myTabContent" &gt;
    &lt;div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab" &gt;...&lt;/div&gt;
    &lt;div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"&gt;...&lt;/div&gt;
    &lt;div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab"&gt;...&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is my code:</p>