title: Bootstrap - Tabs on both sides?
body: <p>I'm trying to have one tab which will float right rather than float left like the other tabs</p>
  
  <pre><code>&lt;ul class="nav nav-pills "&gt;
            &lt;li class="floatLeft active"&gt;&lt;a href="#Overview" data-toggle="tab"&gt;Overview&lt;/a&gt;&lt;/li&gt;
            &lt;li class="floatLeft"&gt;&lt;a href="#Excursions" data-toggle="tab"&gt;Excursions&lt;/a&gt;&lt;/li&gt;
            &lt;li class="floatLeft"&gt;&lt;a href="#Speakers" data-toggle="tab"&gt;Speakers&lt;/a&gt;&lt;/li&gt;
  
            &lt;li class="floatRight"&gt;&lt;a href="#Fares" data-toggle="tab"&gt;Fares&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
  </code></pre>
  
  <p>Simple css class wouldn't work. Any ideas how to do that?</p>