css - div 边框折叠在 bootstrap 中不起作用

标签 css twitter-bootstrap responsive-design

这是没有 Bootstrap 的 fiddle

No Bootstrap

和 Bootstrap :

With Bootstrap

我想要的是做一个响应式表格,但我无法进一步移动,因为折叠无法正常工作。

示例 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 标签。

最佳答案

你想要这样的东西吗? http://jsbin.com/kanezeje/1 , 只需在主列中放置另一行并为其添加边框

关于css - div 边框折叠在 bootstrap 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23841764/

相关文章:

javascript - 响应式 JS 页面加载到底部而不是顶部

jquery - 如何剪辑文本溢出 Bootstrap 下拉按钮

c# - Bootstrap 模式未显示在 ASP.NET GridView 模板按钮上单击

javascript - 类型错误 : invalid 'in' operand a

javascript - 为什么我的文本没有响应?

html - Chrome 的 `srcset` 属性对应于哪些设备尺寸/分辨率?

html - 如何在文本周围添加线条并在其间换行?

javascript - 如何将图像用作网站上的光标?

css - 无法从 xpath 获取值

html - 带 Bootstrap 3 的带粘性内部页脚的等高盒装