Twitter bootstrap 如何将剑道UI中的多个饼图与角度剑道和引导对齐？

我有两张剑道饼图。为了简单起见，让我们假设相同的图表。我只想在引导面板中将它们相邻对齐。我在饼图中使用角度剑道指令。 这是我写的代码，但我没有并排排列，而是在下一行将一个图表缩小为一个小尺寸

<div class="panel panel-default">
    <div class="panel-body">
        <div class="row">
            <div class="col-lg-6">
                <div kendo-chart k-options="pie" k-data-source="countries" />
            </div>
            <div class="col-lg-6">
                <div kendo-chart k-options="pie" k-data-source="countries" />
            </div>
        </div>
    </div>
</div>

 $scope.pie = {
        title: {
            position: "bottom",
            text: "WLAN"
        },
        legend: {
            visible: false
        },
        chartArea: {
            background: ""
        },
        seriesDefaults: {
            labels: {
                visible: true,
                background: "transparent",
                template: "#= category #: #= value#%",

            }
        },
        series: [{
            type: "pie",
            field: "value",
            categoryField: "category",
            padding: 100
        }],
        tooltip: {
            visible: true,
            format: "{0}%"
        }
    };

    $scope.countries = {
        data: [
            {
                category: "blizzard",
                value: 53.8,
                color: "#9de219"
            }, {
                category: "alpha",
                value: 16.1,
                color: "#90cc38"
            }, {
                category: "hurricane",
                value: 11.3,
                color: "#068c35"
            },
        ]
    };