两个固定列引导程序

Question

我在布局方面需要帮助，我想在其中使用引导 css 框架。 这是我目前的布局：

（我已经缩小以明确我的意思）
这是我的 html 标记：

<div class="row">
    <div class="span6">
        <p>Data .....</p>
    </div>
    <div class="span6">
        <div id="iframe">
        </div>
    </div>
</div>

<div class="row">
    <div class="span6">
        <p>Data ....</p>
    </div>
</div>

<div class="row">
    <div class="span6">
        <p>Data ....</p>
    </div>
</div>

<div class="row">
    <div class="span6">
        <p>Data ....</p>
    </div>
</div>

我想在页面左侧显示数据，在右侧我想在该图像中显示 iframe。
（当您单击左侧部分中的链接时，它将在右侧加载）

但是左边的数据只从图片末尾开始。
有谁知道我该如何解决这个问题？

尼尔斯

Answer 1

如果我很清楚你想要做什么，你可能想使用这个结构：

<div class="row">
    <div class="span6">
        <div class="row">
            <div class="span12">
                <p>Data ....</p>
            </div>
            <div class="span12">
                <p>Data ....</p>
            </div>
            <div class="span12">
                <p>Data ....</p>
            </div>
        </div>
    </div>
    <div class="span6">
        <div id="iframe">
            data
        </div>
    </div>
</div>

我在这里做的是创建 6 行（半布局），并在左侧创建 12 行（总布局），因此它将使用整个左列。

干杯， 拉法