Twitter bootstrap Twitter引导列未按预期显示

Twitter bootstrap Twitter引导列未按预期显示,twitter-bootstrap,Twitter Bootstrap,我已经下载了TB的最新版本,并且刚刚开始熟悉它。作为我的第一个测试,我想创建一个包含两列的页面,第一列是内容区域的2/3,第二列将占用剩余的1/3可用空间 我假设内容区域如文档所述为12列宽。这是我在页面内容区域中的简单代码片段: <div class="row"> <div class="span4" style="border: 1px red solid;"></div> <div class="span8" style="bord

我已经下载了TB的最新版本,并且刚刚开始熟悉它。作为我的第一个测试,我想创建一个包含两列的页面,第一列是内容区域的2/3,第二列将占用剩余的1/3可用空间

我假设内容区域如文档所述为12列宽。这是我在页面内容区域中的简单代码片段:

<div class="row">
    <div class="span4" style="border: 1px red solid;"></div>
    <div class="span8" style="border: 1px blue solid;"></div>
</div>
我的显示器(1366 x 768)似乎有误


我能做些什么来修复它,从而得到我想要的布局(2/3第一列,1/3第二列)?

这是因为您的元素比预期的要大。确切地说,它们的长度是4px(左右两侧各1px)。

您是否尝试过编辑css并将主体/容器宽度更改为更大的数字?

嗯,不确定您从何处获得该值-是否在文档中的某个位置?。另外,我怎样才能以我想要的方式拆分布局?谢谢。作为一种解决方法,您可以为每个span*添加下一个:
margin:0-1px当您写入
边框时:1px红色实体对于2px,元素变长,对于2px,元素变高-这是CSS的基础。我要为你们找到文章的链接啊,我明白了——我当然是个傻瓜:/。我忘了我在我的风格中添加了一个宽度。原谅我的愚蠢!
.span4 {
    width: 370px;
}

.span8 {
    width: 770px;
}