리액트스트랩 레이아웃 잡기
리액트(부트)스트랩의 가장 큰 특징은 "모바일 우선" 이라는 것입니다.공식 홈페이지에 레이아웃에 보면 큰 설명은 안 되어있지만 대략 레이아웃을 잡는데 Container, Row, Col 컴포넌트를 이용하면 된다고 나와있습니다. 레이아웃 문서 확인하기 Container 컴포넌트를 쓴다면 전체를 감싸는데 사용할 것이고, 중요한 것은 Row와 Col 컴포넌트 입니다. Row는 줄을 나누는 것이고, Col이 그 안에서 공간을 나눕니다. 위와 같은 코드가 있다면 아래와 같이 나타납니다. 정확히 3등분으로 나눠지게 됩니다. 즉 다른 코드를 추가하지 않는다면 Row 컴포넌트 안에 Col 컴포넌트의 개수만큼 나눠진다는 것이죠. 너비가 달라져도 똑같은 크기를 가지게 됩니다.크기 다르게 주기리액트스트랩과 부트스트랩은 주어..
Frontend-dev/react
2019. 1. 3. 17:20