一行的页面设计不合适

Question

我想要连续的地图和饼图，但它会出现在2个不同的行中。任何帮助将不胜感激。

这是链接： http://jsfiddle.net/2emnt8m3/14/

设计图片：

  <div class="container">

Answer 1

Bootsrap网格系统最多可扩展到12列。类前缀后面的数字表示列中的宽度。每个列类型在多个设备上的工作方式不同（.col-xs-*始终保持水平，而其他列折叠为开始和水平在断点之上）。

<div class="container">
  <div class="row">
    <div class="col-xs-6">
      <!-- map -->
    </div>
    <div class="col-xs-6">
      <!-- chart -->
    </div>
  </div>
</div>

有关详细信息，请参阅Bootrap文档：http://getbootstrap.com/css/#grid。

您需要从

更改第7067行

var vis = d3.select('body')

到

var vis = d3.select('#piechart')

在此处查看实时示例：http://jsfiddle.net/cdog/h0rnzk4s/。