堆疊在彼此上的圖像

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

型「類」無處不在，而不是「類名」