React 쇼핑몰 만들기에서..

[박재현]

React 쇼핑몰 만들기에서 component로 따로 분리하고 map 함수로 반목문으로 고치고나서 react-bootstrap 

  <div className="container">
            <div className="row">
                <div className ="col-md-4">
                <img src ={'https://codingapple1.github.io/shop/shoes'+ (props.i+1) +'.jpg'} width="100%"/>
                <h4>{props.shoes.title}</h4>
                <p>{props.shoes.content}</p>
                <p>{props.shoes.price}</p>
                </div>
            </div>
        </div>

이 부분이 부트스트랩으로 적용이 되지 않고 한줄에 한 3개의 상품이 보이는게 아니라 한줄에 하나의 상품만 나열되는데 왜그러는거죠,,,??

[codingapple]

일단 레이아웃을 이렇게 배치했는지 확인합시다

<div className=row>

  <div className="col-md-4"> 안에 상품1</div>

  <div className="col-md-4">상품2</div>

  <div className="col-md-4">상품3</div>

</div>

 

혹여나 다른 부트스트랩 레이아웃이 안보이면 부트스트랩을 설치가 잘되었는지 확인하거나 재설치합시다

 

 

[글쓴이]

글