title: How to make the inactive tabs unclickable
body: <p>I have these tabs but is it possible to make the other inactive tabs to be unclickable? </p>
  
  <pre><code>&lt;div class="navbar"&gt;
     &lt;div class="navbar-inner"&gt;
        &lt;ul class="nav nav-tabs" style="display:inline-flex"&gt;
            &lt;li class="active"&gt;&lt;a href="#step1" data-toggle="tab"&gt;Step 1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#step2" data-toggle="tab"&gt;Step 2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#step3" data-toggle="tab"&gt;Step 3&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#step4" data-toggle="tab"&gt;Step 4&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#step5" data-toggle="tab"&gt;Step 5&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#step6" data-toggle="tab"&gt;Step 6&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#step7" data-toggle="tab"&gt;Step 7&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>