title: How to use default style values of 'Tabs on the Left' for Bootstrap?
body: <p>I am using 'Tabs on the left' snippet of Bootstrap</p>
  
  <p><img src="https://i.stack.imgur.com/DrO6F.png" alt="enter image description here"></p>
  
  <p>This is the code</p>
  
  <pre><code>&lt;div class="tabbable tabs-left"&gt;
                &lt;ul class="nav nav-tabs"&gt;
                  &lt;li class="active"&gt;&lt;a href="#lA" data-toggle="tab"&gt;Section 1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#lB" data-toggle="tab"&gt;Section 2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#lC" data-toggle="tab"&gt;Section 3&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;div class="tab-content"&gt;
                  &lt;div class="tab-pane active" id="lA"&gt;
                    &lt;p&gt;I'm in Section A.&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class="tab-pane" id="lB"&gt;
                    &lt;p&gt;Howdy, I'm in Section B.&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class="tab-pane" id="lC"&gt;
                    &lt;p&gt;What up girl, this is Section C.&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>I am using this <a href="http://www.carantina.com" rel="nofollow noreferrer">ON MY WEBSITE</a></p>
  
  <p>If you check the menu item <strong>'PRODUCTS'</strong> you will see that tabs doesn't look same as bootstrap page.</p>
  
  <p>The reason is obvious, since this is a drop-down menu and the tab is a <strong>li</strong> tag under <strong>ul</strong> and another <strong>li</strong> , it inherits the css values of them and shows this. </p>
  
  <p><img src="https://i.stack.imgur.com/6UoI9.png" alt="enter image description here"></p>
  
  <p>I have tried everything to override this values to default bootstrap values but I could not succeed. </p>