title: Disable bootstrap tab clicks
body: <p>I am using bootsrap tabs for a  registration form ,
   I changed navigation of tabs using onclick event of next and previous button .
  But still that tabs click works and being able to go the desired page easily Please help how can i stop tab click navigation i only want next previous button navigation 
  Please find the html code below</p>
  
  <pre><code> &lt;ul class="nav nav-tabs" id="myTab"&gt;
     &lt;li class="active"&gt;
       &lt;a href="#home" data-toggle="tab"&gt;1.PERSONAL DETAILS&lt;/a&gt; 
     &lt;/li&gt;   
     &lt;li&gt;
       &lt;a href="#profile" data-toggle="tab"&gt; 2. CONTACT DETAILS&lt;/a&gt; 
     &lt;/li&gt;  
     &lt;li&gt;
       &lt;a href="#messages" data-toggle="tab"&gt;3. EDUCATION DETAILS&lt;/a&gt;
     &lt;/li&gt;   
     &lt;li&gt;
       &lt;a href="#course" data-toggle="tab"&gt;4. SELECT COURSE&lt;/a&gt;
     &lt;/li&gt;   
     &lt;li&gt;
       &lt;a href="#settings" data-toggle="tab"&gt;5. PAYMENT DETAILS&lt;/a&gt;
     &lt;/li&gt; 
   &lt;/ul&gt;
   &lt;div class="tab-content"&gt;
      &lt;div class="tab-pane active" id="home"&gt;Form elements &lt;/div&gt;
      &lt;div id="profile"&gt;Form elements &lt;/div&gt;
      &lt;div id="messages"&gt;Form elements &lt;/div&gt;
      &lt;div id="settings"&gt;Form elements &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>