图像越来越堆叠在一起

Question

我正在尝试使用我的反应项目中的bootstrap ui grid。我正在制作一个图库。我有这样的组件

<div className="container">
                <ul className="row">
                    <li className="col-lg-2 col-md-2 col-sm-3 col-xs-4"><img src={x}/></li>
                    <li className="col-lg-2 col-md-2 col-sm-3 col-xs-4"><img src={x}/></li>
                    <li className="col-lg-2 col-md-2 col-sm-3 col-xs-4"><img src={x}/></li>
                    <li className="col-lg-2 col-md-2 col-sm-3 col-xs-4"><img src={x}/></li>
                    <li className="col-lg-2 col-md-2 col-sm-3 col-xs-4"><img src={x}/></li>
                </ul>
            </div>

但是图像越来越堆叠在一起。像这样

Answer 1

type＆＃34; class＆＃34;到处都是＆＃34; classname＆＃34;