我正在使用 twitter 作为引导程序制作一个小 vCard,我遇到了一个小问题,我无法跟踪它的来源:)
如果您点击此链接:演示;你会看到元素有点混乱:) 在 vCard 的标题中,联系信息应该在姓名和拇指的右侧,但它被推到了下面。小描述也是如此:)
使用row-fluid
而不是仅仅row
可以解决这个问题,但是因为我的移动版本不需要是流体的,所以我不能使用流体网格。我希望有人以前遇到过这个问题并且知道它的来源是什么:)
我正在使用 twitter 作为引导程序制作一个小 vCard,我遇到了一个小问题,我无法跟踪它的来源:)
如果您点击此链接:演示;你会看到元素有点混乱:) 在 vCard 的标题中,联系信息应该在姓名和拇指的右侧,但它被推到了下面。小描述也是如此:)
使用row-fluid
而不是仅仅row
可以解决这个问题,但是因为我的移动版本不需要是流体的,所以我不能使用流体网格。我希望有人以前遇到过这个问题并且知道它的来源是什么:)
如果你真的想让它在移动设备上运行良好,你应该真正考虑类的 css 属性content-view-container
:当你想为“任何”屏幕尺寸设计时,你有绝对定位和固定值宽度不能很好地发挥作用...
代码中有一些问题:
首先span2
andspan12
不应该是“pulled-left”(类名中还有一个拼写错误)和“pulled-right”(它使“grid”的含义变得毫无用处......)
的所有样式info-button-container
都是多余的(只保留margin-top
)
在info-button-inner
你为什么使用border-box
财产?line-height
用属性固定图标在中间的位置
为什么将所有div
s 设置为position:relative; display: block;
?在这里没用...
row
不需要该类clearfix
,因为它已经“clearfixed”