一行的页面设计不正确

Question

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

这里是link： http://jsfiddle.net/2emnt8m3/14/

设计图片：

  <div class="container">

Answer 1

Bootsrap 网格系统最多可扩展到 12 列。 class 前缀后的数字表示列宽。每种列类型在多个设备上的工作方式不同（.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/。