Bilder werden übereinander gestapelt

Question

Ich versuche in meinem React-Projekt mit Bootstrap-UI-Grid zu arbeiten. Ich mache eine Bildergalerie. Ich habe Komponente wie diese

<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> 

Aber die Bilder sind immer übereinander gestapelt. Gefallen Sie diese

Answer 1

Typ „Klasse“ überall statt „classname“