Css div边框折叠在引导中不起作用

这是没有自举的小提琴

使用引导：

我想做一个反应灵敏的桌子，但我不能再往前走了，因为折叠不能正常工作

示例HTML:

<div id="feature-box">
<div class="ft-row">
<div class="col-xs-6 col-sm-3"> 
<span class="feature-deliver"></span>
<h4>
<a href="#" title="Title">Title</a>
</h4>
<p>paragraph</p>
</div>
<div class="col-xs-6 col-sm-3"> 
<span class="feature-deliver"></span>
<h4>
<a href="#" title="Title">Title</a>
</h4>
<p>paragraph</p>
</div>
</div>

段落

段落

---

PS：忽略php标记。

你想要这样的东西吗，只需在主列中放置另一行，并为该行指定边框，我将使用另一种方法。我只在导航栏上使用折叠。我使用jqueryui的slideUp和slideDown效果。您也可以使用切换。谢谢您的回答，但不，这不是我要找的。看见无论如何，我已经找到了一个不同的解决方案。@AdrianEnriquez你的解决方案是什么？@Jason我使用divs而不是table，并添加了css媒体查询。