如何放置3個d3.js圖表​​連續

Question

我想將連續3個D3圖表我試着用引導來回HTML這樣做，但它並不能幫助ID有沒有更好的辦法做到這一點

我當前代碼

<div class="row"> 
    <div class="span4" id="chart_1">23</div> 
    <div class="span4" id="chart_2">45</div> 
    <div class="span4" id="chart_3">34</div> 
</div> 

小提琴：https://jsfiddle.net/r2qepmk0/3/

如果我改變引導類對col-XS-4，否則將div的行，但不知何故圖表不渲染。

JS撥弄COL-XS-4級https://jsfiddle.net/r2qepmk0/4/

Answer 1

我已經更新您的https://jsfiddle.net/r2qepmk0/5/看看。

<div class="row"> 
    <div class="col-xs-4"> 
     <div class="span4" id="chart_1">23</div> 
    </div> 
    <div class="col-xs-4"> 
     <div class="span4" id="chart_2">45</div> 
    </div> 
    <div class="col-xs-4"> 
     <div class="span4" id="chart_3">34</div> 
    </div> 
</div> 

以防萬一，如果你想刪除列之間的空白，你可以try this link