我正在使用Twitter作为引导程序制作一个vCard,我遇到了一个小问题,我无法跟踪它的来源:)
如果您点击此链接:Demo;你会看到元素有些混乱:)在vCard的标题中,联系信息应该在名称和拇指的右边,但它被推到下面。小描述也是如此:)
使用row-fluid
代替row
将解决这个问题,但由于我的移动版本不需要流畅,我无法使用流体网格。我希望之前有人遇到过这个问题,并且知道它的来源是什么:)
答案 0 :(得分:1)
如果你真的想让它在移动设备上运行得很好,你应该考虑类content-view-container
的css属性:你有绝对定位和固定值宽度,当你想要的时候效果不好设计“任何”屏幕尺寸...
代码中存在一些问题:
首先span2
和span12
不应该被“拉左”(类名中也有拼写错误)和“拉右”(它使得无用的“网格”的意思......)
info-button-container
的所有风格都是多余的(只需保留margin-top
)
info-button-inner
为什么使用border-box
属性?使用line-height
属性
为什么要将所有div
设置为position:relative; display: block;
?这里没用......
row
不需要课程clearfix
,因为它已经“明确了”