주의점

• row와 col을 사용하지 않고 컨텐츠를 포함시키는 것은 잘못된 이용방법이다. 
• row아래의 컨텐츠를 바로 포함시키는 것은 잘못된 사용이다. 
• col을 row로 감싸지 않고 사용하는 것은 잘 못된 사용이다. 
• row와 col사이에 컨텐츠를 포함시키는 것은 잘못된 사용이다. 

코딩을 진행할때는 조각조각 나눠서 div로 감싸서 진행하기 시작한다. 
같은 floor에 있을 경우에는 div로 나누고  좌우에 각기 있다면 div로 따로 감싸서 다른 열로 만들어 준다. 

화면의 크기, 방향, 기기의 크기에 따라서 레이아웃의 구서잉 달라진다. breakPoint의 경우 뷰포트의 크기이 너비를 설정해주는 것이다. 컨테이너의 너비를 설정한다고 할 수 있다

뭔가를 감싸서 표현하는 --> 쿠팡의 경우 card를 사용하여 표시하고 card로 text를 감쌀 수 있고, 테이블과 리스트 , 그리고 그래프를 감싸서 표시할 수 있다. 

webApp은 행으로 나눌수 있다. 
컨텐츠는 행과 열로 나눠진다. 
행은 열을 감쌀 수 있다. 
행당 열의 갯수는 12개가 들어가 있다. 
동일한 크기의 열이 12개가 들어가 있으며, 12개이상이 넘어가는 경우 아래로 내려간다. 

https://www.w3schools.com/bootstrap/bootstrap_ver.asp

Bootstrap 3, 4 or 5

https://getbootstrap.kr/

Bootstrap

을 이용하여 설정할 수 있다.