这是我的一段html代码，我想知道如何把这两项对应的两张图表放在同一行： <div class="col-sm-6"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h5>重点人员管控类型分布（饼）</h5> <div class="ibox-tools"> <a class="collapse-link"> <i class="fa fa-chevron-up"></i> </a> </div> </div> <div class="ibox-content"> <div class="echarts" id="pie1"></div> </div> <div class="col-sm-6"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h5>各类型管控重点人员数量（柱）</h5> <div class="ibox-tools"> <a class="collapse-link"> <i class="fa fa-chevron-up"></i> </a> </div> </div> <div class="ibox-content"> <div class="echarts" id="bar1"></div> </div> </div> </div>

你可以使用 Bootstrap 栅格系统来将这两个图表放在同一行。根据你提供的代码，你可以将第二个图表的 <div class="col-sm-6"> 放在第一个图表的外部 <div class="col-sm-6"> 中，如下所示：

<div class="col-sm-6">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>重点人员管控类型分布（饼）</h5>
            <div class="ibox-tools">
                <a class="collapse-link">
                    <i class="fa fa-chevron-up"></i>
                </a>
            </div>
        </div>
        <div class="ibox-content">
            <div class="echarts" id="pie1"></div>
        </div>
    </div>
</div>

<div class="col-sm-6">
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>各类型管控重点人员数量（柱）</h5>
            <div class="ibox-tools">
                <a class="collapse-link">
                    <i class="fa fa-chevron-up"></i>
                </a>
            </div>
        </div>
        <div class="ibox-content">
            <div class="echarts" id="bar1"></div>
        </div>
    </div>
</div>

这样，两个图表的容器会并排显示在同一行上。请确保你的代码中已经包含了 Bootstrap 的 CSS 和 JavaScript 文件，以确保栅格系统正常工作。