Twitter引导列未按预期方式显示

我已经下载了TB的最新版本，并且刚刚开始了解自己的情况。作为我的第一个测试，我想创建一个包含2列的页面，第一列将是2/3的内容区域，第二列将占用剩余的1/3空间。Twitter引导列未按预期方式显示

我假设内容区域是12列宽的文档状态。这是简单的代码片段我在我的网页的内容区域：

<div class="row"> 
    <div class="span4" style="border: 1px red solid;"></div> 
    <div class="span8" style="border: 1px blue solid;"></div> 
</div>

当列宽度总和为12，列被堆叠在彼此的顶部上，而不是被并排我预计（从阅读文档）。如果色谱柱宽度之和小于12，则色谱柱按预期方式并排堆放。

这是怎么发生的？

[编辑]

我只是来看看，因为我现在用的是跨类TB CSS定义。他们是：

.span4 { 
    width: 370px; 
} 

.span8 { 
    width: 770px; 
}

看来我的显示器（1366 x 768）是错误的。

我能做些什么来解决它，让我有我想要的布局（2/3 1st col，1/3 2nd col）？

来源

2012-11-13 Homunculus Reticulli

那是因为你的元素比预期的要大。确切地说，它们是4码长（每个左右手都是1px）。

来源

2012-11-13 11:27:01

嗯，不知道你从哪里得到的 - 在文档中的某个地方？另外，如何才能以我想要的方式拆分布局？谢谢。 –

作为一种解决方法，您可以为每个跨度添加*：'margin：0 -1px;' –

当您编写border：1px红色固体时，您的元素变长为2px，2px变长 - 这就是CSS基础知识。我要去找你的文章链接 –

您是否尝试过编辑您的css并将body/container的宽度更改为更高的数字？

来源

2012-11-13 11:29:50 franklinexpress

Twitter引导列未按预期方式显示

回答

相关问题