title: div border collapse not working in bootstrap
body: <p>Here's the fiddle without Bootstrap</p>
  <h3><a href="http://jsfiddle.net/amnE6/" rel="nofollow noreferrer">No Bootstrap</a></h3>
  <p>and with bootstrap:</p>
  <h3><a href="http://jsfiddle.net/52VtD/5831/" rel="nofollow noreferrer">With Bootstrap</a></h3>
  <p>What I want is to make a responsive table, but I can't move further because collapse is not working properly.</p>
  <p><strong>Sample HTML:</strong></p>
  <pre><code>&lt;div id=&quot;feature-box&quot;&gt;
  &lt;div class=&quot;ft-row&quot;&gt;
  &lt;div class=&quot;col-xs-6 col-sm-3&quot;&gt; 
  &lt;span class=&quot;feature-deliver&quot;&gt;&lt;/span&gt;
  &lt;h4&gt;
  &lt;a href=&quot;#&quot; title=&quot;Title&quot;&gt;Title&lt;/a&gt;
  &lt;/h4&gt;
  &lt;p&gt;paragraph&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class=&quot;col-xs-6 col-sm-3&quot;&gt; 
  &lt;span class=&quot;feature-deliver&quot;&gt;&lt;/span&gt;
  &lt;h4&gt;
  &lt;a href=&quot;#&quot; title=&quot;Title&quot;&gt;Title&lt;/a&gt;
  &lt;/h4&gt;
  &lt;p&gt;paragraph&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>PS: Just Ignore the php tags.</p>