堆叠在彼此上的图像

Question

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

<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

型“类”无处不在，而不是“类名”