title: How to disable bootstrap collapse when clicking on the particular element inside header?
body: <p>I've the following code to collapse and open the content.</p>
  
  <pre><code>&lt;h4 class="cartToggleTags collapsed" type="button" data-toggle="collapse" data-target="#cotent1"&gt;
    &lt;i class="fa fa-edit"&gt;&lt;/i&gt; Header1
  &lt;/h4&gt;
  &lt;div id="cotent1" class="collapse in"&gt;
    Content 1
  &lt;/div&gt;
  </code></pre>
  
  <p>How to disable collapse or open funcntionality when clicking on the edit icon <code>&lt;i class="fa fa-edit"&gt;&lt;/i&gt;</code>.</p>