简单的 twitter bootstrap 流体布局 span5 != span5 [英] simple twitter bootstrap fluid layout span5 != span5

问题描述

我有以下示例，其中底部的最后两个段落是 span5，但与它们上方的 span 10 不匹配，也不匹配 span10 上方的 span5.

http://jsfiddle.net/MgcDU/2959/

添加代码片段以便stackoverflow让我发布(多么愚蠢)....stackoverflow实际上错误地说必须在此处粘贴jsfiddle代码，这对我来说似乎很愚蠢，因为它是包含大量文本的片段.

知道如何解决这个问题吗?

谢谢，院长

解决方案

来自 twitter bootstrap文档:

流体网格以不同方式利用嵌套:列的每个嵌套级别应该加起来最多 12 列.这是因为流体网格使用百分比而不是像素来设置宽度.

I have the following example where the last TWO paragraphs at the bottom are span5 but don't match the span 10 above them AND don't match the span5's that are above that span10 either.

http://jsfiddle.net/MgcDU/2959/

Add snippet of code so stackoverflow let's me post(how stupid)....stackoverflow actually errors out saying must paste jsfiddle code here which just seems dumb to me since it is piece with lots of text in it.

<div class="row-fluid">

Any idea how I can fix this?

thanks, Dean

解决方案

From the twitter bootstrap docs:

Fluid grids utilize nesting differently: each nested level of columns should add up to 12 columns. This is because the fluid grid uses percentages, not pixels, for setting widths.

这篇关于简单的 twitter bootstrap 流体布局 span5 != span5的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！