html - 两个固定列引导程序

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 行（总布局），因此它将使用整个左列。

干杯，拉法