html - 两张图没有排成一行

Question

我试过这段代码在一行的两列中制作两个图表，但它现在显示在两列中。

<div class="tile-stats" style="width: 100%; height: 570px; border:1px solid blue;">
    <div class="col-md-12 col-sm-12 col-xs-12" style="background-color: white; border:thin; border-color:grey;">
        <div id="vis" class="col-md-8"  style="background-color: white; width:980px; height:570px; margin-left:0px">
            <svg style="margin-bottom:0px;"></svg>
        </div>
        <div id="lollipop" class="col-sm-8 col-md-offset-4 col-md-6 "  style="background-color: white; width:650px; height:570px;">
        </div>
    </div>
</div>

下面是我想在一行中的两列中显示的两个图表：

1. 图 1
2. 图 2

尺寸也应该在所有浏览器中显示。对你的帮助表示感谢

标签： htmlcsstwitter-bootstrap