谷歌图表仪表板和引导行结构

Question

我把一些谷歌图表内的引导主题。我使用Chart dashboard使用这样的结构：

<div id="dashboard"> 
     <div id="control1"></div> 
     <div id="chart1"></div> 
</div> 

和引导表带采用这样的结构，并排放置两个项目方：

<div class="row-fluid"> 
     <div class="span3"></div> 
     <div class="span9"></div> 
</div> 

我如何搭配这两个在一起，所以我最终控制了span3中的图表和span9中的图表？我目前为止最好的结果是这样的：

<div class="row-fluid"> 
<div id="dashboard" > 
     <div id="control1" class="span3" style="width: 25%; height: 400px;"></div> 
     <div id="chart1" class="span9" style="width: 73%; height: 400px;"></div> 
</div> 
</div> 

但我想剥离％宽度并且有一个更简单的结构。我已经测试过这个：

<div id="dashboard" class="row-fluid > 
     <div id="control1" class="span3"></div> 
     <div id="chart1" class="span9"></div> 
</div> 

但它会搞砸了，引导脚手架坏了。我怎样才能让他们一起工作？

Answer 1

我使用以下标记可以正常工作。

<div class="row-fluid"> 
    <div id="dashboard"> 
     <div class="span4" style="font-size: 0.9em;"> 
      <div id="control1"></div> 
     </div> 
     <div class="span8"> 
      <div id="chart1"></div> 
     </div> 
    </div> 
</div> 

小提琴：http://jsfiddle.net/Jeff_Meadows/V8psC/