我有两个使用chart.JS的画布，当我想让它们并排

<div style="width:30%;" class="row">
    <div class="my-4 col"><canvas id="costChart"></canvas></div>
    <div class="my-4 col"><canvas id="usersChart"></canvas></div>
</div>

更改为较小的数字，并更改Col-X大小不会使它们移动到同一行中。有什么想法吗？。

顺晟科技：

<代码>画布{边框：1px纯红色；}.行{显示：Flex}

<代码><；DIV style=“ width：30%；” Class=“ row ”>；<；DIV CLASS=“ my-4 col ”>；<；CANVAS ID=“ CostChart ”>；<；/CANVAS>；；<；DIV CLASS=“ my-4 col ”>；<；CANVAS ID=“ userschart ”>；<；/CANVAS>，<，/DIV>，<；/DIV>；