2017-05-27 9 views
0

私は反応プロジェクトでブートストラップ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> 

しかし、イメージは互いに積み重なっています。この enter image description here

答えて

-1

タイプ「クラス」どこでも代わりに、「クラス名」

+0

か、あなたのWebページ –

+0

にbootstrap.min.jsやjqueryのを追加していない可能性があるようですreactjsです。したがって、classNameはそれに従います。私はpackage.jsonファイルにブートストラップを持っています。 – ApurvG

関連する問題