title: removing "class" and "data-toggle" from bootstrap dropdown
body: <p>I want to disable clicking on a bootstrap dropdown because I've hover implemented. I have done this by removing <code>class</code> and <code>data-toggle</code> from the <code>&lt;a&gt;</code> tag. </p>
  
  <p>Original declaration:</p>
  
  <pre><code>&lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Programs &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  </code></pre>
  
  <p>disable clicking:</p>
  
  <pre><code>&lt;a href="#" Programs &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  </code></pre>
  
  <p>But for smaller screens, i.e. mobile, I want to enable clicking on a dropdown since hover would not be possible. How would I do this? </p>