管理 LTE - "small-box"分发

Question

参见图像

我想分发"；"小盒子"；并排。正确的方法是什么？

对不起，因为我是这方面的新手。

<div className="container-fluid">
<div className={"small-box " + (props.item.registros > 0 ? "bg-success" : "bg-warning")}>
<div className="inner">
<h3>{props.item.dia}/{props.item.mes}/{props.item.ano}</h3>
{props.item.qtd > 0 ? <p>Qtd. apontada: {props.item.qtd}</p> : ""}
</div>
<div className="icon">
<i className="ion ion-stats-bars" />
</div>
<a href='#' onClick={e => { navigate("/Apontar/" + props.item.data) }} className="small-box-footer">Apontar <i className="fas fa-arrow-circle-right" /></a>
</div>
</div>

Answer 1

我发现了解决方案Se图像

<div className="row">
<div className="col-lg-3 col-6">
<div className="small-box bg-warning">
//content...
</div>
<div className="small-box bg-warning">
//content...
</div>
<div className="small-box bg-warning">
//content...
</div>
</div>