我正在使用 twitter 作为引导程序制作一个小 vCard，但遇到了一个小问题，我无法跟踪它的来源:)
如果您点击此链接：Demo；你会看到元素有点混乱:) 在 vCard 的标题中，联系信息应该在姓名和拇指的右侧，但它被推到了下面。小描述也是如此:)
使用row-fluid 而不仅仅是row 可以解决这个问题，但是因为我的移动版本不需要是流动的，所以我不能使用流动网格。我希望有人以前遇到过这个问题并且知道它的来源:)
【问题讨论】：
contact-details-container 中，尝试将字体大小更改为较小的大小，以检查结果。而小描述被下推，因为contact-details-container被下推。
标签： html css twitter-bootstrap
如果你真的想让它在移动设备上运行良好，你真的应该考虑 content-view-container 类的 css 属性：你有绝对定位和固定值宽度，当你想设计时不能很好地发挥作用对于“任何”屏幕尺寸...
代码中存在一些问题：
首先 span2 和 span12 不应该是“pulled-left”（类名中还有一个拼写错误）和“pulled-right”（它使“网格”...）
info-button-container 的所有样式都是多余的（只保留margin-top）
在info-button-inner 中你为什么使用border-box 属性？用line-height属性来固定图标在中间播放的位置
为什么要将所有divs 设置为position:relative; display: block;？这里没用……
row 不需要 clearfix 类，因为它已经“清除固定”
【讨论】：
info-button-container上的样式是需要的，至少是索引和维度属性：）至于内部，图标不能用@定位987654334@，只有当我使用 display: inline-block; 时，所有浏览器都不支持，尤其是 IE :) 所以我必须使用 box-sizing 属性和一些填充来定位它:) 一些 div 确实需要定位和显示，因为某些元素添加了伪元素:after 和:before，需要父元素有一个位置:)