谷歌圖表儀表板和引導行結構

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/