两个固定列引导

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

干杯， 贝尼特斯