两个固定列引导程序

Question

我需要帮助我的布局，我想使用bootstrap 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行（总布局），所以它将使用整个左列。

干杯， 拉法