Css 如何使用twitter引导重叠列？

我想创建一个3列组合：

第1列（第3列）-第2列（第8列）-第3列（第3列）

Col2必须由col1和col3在每侧的一列中重叠，并且它们必须在同一行中。使用twitter引导响应网格创建此合成的最佳方法是什么？

您有三个选项：

• 使用Twitter Bootstrap v1.XX，其中网格是16而不是12。然后你可以用剩下的两个做任何你喜欢的事。

这里是最新版本1.X（即1.4.0）的旧文档：

对于v1.4引导文件

---

• 定制您的Bootstrap v2.XX版本

在这里，您可以自定义所有内容并进行自定义生成：

注：如果使用自定义选项，您可能需要在您的HTML文件中重新执行所有

span*

组织，即更改为14（或16）列，并为边距/填充设置新值

（感谢@jmeas指出定制，我忘记了这一点）

---

• 既然您说过它们可能重叠，那么您可以使用默认构建并使用以下内容。

我所做的是获取

offset*

类，然后简单地创建一个

offset-*

，并使用负值

HTML:

---

我添加了一些RGBA颜色，以便您可以看到它们重叠，同时保持“12格”。

你说的“重叠”是什么意思？你再也看不到col2的侧面了？bs有12列的布局，所以使跨度加起来等于14将没有帮助是的，col1和3必须覆盖col2。这就是重点，我需要14列来适应12个网格。我是不是走错路了？不一定是真的，包括列数及其宽度。话虽如此，您为负偏移量创建一个新类是一个好主意，我会怎么做呢？@jmeas哦，是的，谢谢您指出自定义项。忘了它有这个选择。将更新答案。还有一点：答案中的边距仅适用于引导的默认配置；12列网格。如果您计划在整个配置页面中更改列，则需要对.less文件进行更改并编译这些文件（除非您想手动获取偏移量值，我不建议这样做）

<div class="container">
    <div class="row-fluid">
        <div class="span3">xx</div>
        <div class="span8 offset-1">yy</div>
        <div class="span3 offset-1">zz</div>
    </div>
</div>

.row-fluid .offset-1 {
    margin-left: -10.638297872340425%;
    *margin-left: -10.53191489361702%;
}
.row-fluid .offset-1:first-child {
    margin-left: -8.51063829787234%;
    *margin-left: -8.404255319148938%;
}