title: How to customize Bootstrap 3 tab color
body: <p>I want to create a customized tab using Bootstrap 3.</p>
  
  <p>What I have done is -</p>
  
  <pre><code>&lt;ul class="nav nav-tabs" id="myTab"&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function()   {
             //1st (1-1 = 0) tab selected initialy
             $("#myTab li:eq(0) a").tab('show');
          });
      &lt;/script&gt;
  
      &lt;li&gt;&lt;a data-toggle="tab" href="#sectionA"&gt;SEARCH&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a data-toggle="tab" href="#sectionB"&gt;ADVANCED&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="tab-content"&gt;
      &lt;div id="sectionA" class="tab-pane fade in active"&gt;
          Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel,
          butcher voluptate nisi qui.
      &lt;/div&gt;
      &lt;div id="sectionB" class="tab-pane fade"&gt;
          Vestibulum nec erat eu nulla rhoncus fringilla ut non neque. Vivamus nibh urna.
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I am getting a tab like this-</p>
  
  <p><img src="https://i.stack.imgur.com/LKq8F.jpg" alt="2"></p>
  
  <p>But I want to have is a customized colored.
  I am new in Bootstrap 3, so I don't know how to do it.</p>
  
  <p>What I want is something like this-</p>
  
  <p><img src="https://i.stack.imgur.com/i6A5V.jpg" alt="1">.</p>
  
  <p>Can anyone help me please?</p>
  
  <p>Thanks in advance for helping.</p>