Bootstrap跨度问题

时间:2012-11-20 08:52:31

标签: html css html5 css3 twitter-bootstrap

我正在使用Twitter作为引导程序制作一个vCard,我遇到了一个小问题,我无法跟踪它的来源:)

如果您点击此链接:Demo;你会看到元素有些混乱:)在vCard的标题中,联系信息应该在名称和拇指的右边,但它被推到下面。小描述也是如此:)

使用row-fluid代替row将解决这个问题,但由于我的移动版本不需要流畅,我无法使用流体网格。我希望之前有人遇到过这个问题,并且知道它的来源是什么:)

1 个答案:

答案 0 :(得分:1)

如果你真的想让它在移动设备上运行得很好,你应该考虑类content-view-container的css属性:你有绝对定位和固定值宽度,当你想要的时候效果不好设计“任何”屏幕尺寸...

代码中存在一些问题:

  • 首先span2span12不应该被“拉左”(类名中也有拼写错误)和“拉右”(它使得无用的“网格”的意思......)

  • info-button-container的所有风格都是多余的(只需保留margin-top

  • {li>

    info-button-inner为什么使用border-box属性?使用line-height属性

    修复中间游戏中图标的位置
  • 为什么要将所有div设置为position:relative; display: block;?这里没用......

  • row不需要课程clearfix,因为它已经“明确了”