引导跨度问题

我使用Twitter作为一个引导赚了一小名片，我遇到了一个小问题，我不是能够追踪它的来源:)引导跨度问题

如果按照这个链接：Demo;您会看到这些元素有点混乱:)在vCard的标题中，联系人信息应该位于名称和大拇指的右侧，但是它被推到了下面。这同样适用于小描述:)

使用的row-fluid而不是仅仅row会解决这个问题，但由于我的手机版本，不需要是流体我不能使用流体网格。我希望有人遇到过这个问题，并有一个想法是什么来源:)

2012-11-20 Roland

对我来说，它的下面推，因为它需要很多的地方。在'contact-details-container'中，尝试将字体大小更改为较小的大小以检查结果。并且由于“contact-details-container”被按下，所以小的描述被压低。 – leMoisela

@lemoisela〜我试过了，但它似乎并没有工作，我仍然有同样的问题:) – Roland

如果你真的想让它在移动设备上很好用，你应该真的考虑类content-view-container的CSS属性：你有绝对定位和固定值宽度，当你想设计“任何”屏幕尺寸不玩好...

有一些问题在代码：

首先把span2和span12不应该是“左拉”（类名称中还有一个错字）和“拉权”（它使“网格”的无用的意思......）
的info-button-container所有的风格是冗余info-button-inner
为什么您使用border-box属性（只是margin-top保持）？固定图标的位置与line-height中间播放属性
为什么设置所有div S作为position:relative; display: block;？这里没有用......
row不需要类clearfix，因为它已经是“clearfixed”

来源

2012-11-20 09:43:33 Roberto

我错误地添加了跨度上的浮动:)'info-button-container'上的样式是需要的，至少索引和尺寸属性:)至于内部，只有当我使用'display：inline-block;'时，图标不能用'line-height'定位，这在所有浏览器中都不支持，特别是IE :)所以我不得不通过使用'box-sizing'属性和一些填充来定位它:)一些div需要定位和显示，因为有一些元素添加了伪元素'：after'＆' ：之前'需要父元素有一个位置:) – Roland

但它正是那些正在破坏布局的框架结构的修改 – Roberto

引导跨度问题

回答

相关问题