HTML-CSS 입문!

HTML-CSS 입문!

프론트엔드, 웹 개발 첫걸음 시작하기!

07 부트스트랩 레아이웃

# 부트스트랩 레아이웃 ## 미션 --- 부트스트랩 레이아웃을 사용, 아래 페이지를 만드시오. ![클라우드스터딩-부트스트랩-레이아웃-예제](https://i.imgur.com/YNvweYR.png) ## 개념 --- #### ⭐️ 레이아웃이란? HTML을 잘 배치하는 것. 이를 레이아웃이라 한다. ![클라우드스터딩-부트스트랩-레이아웃](https://i.imgur.com/xsqTDQL.png) #### ⭐️ 부트스트랩 레이아웃 시스템 행과 열. 부트스트랩 레이아웃의 핵심이다. ![클라우드스터딩-부트스트랩-container-row-col](https://i.imgur.com/o3dax3x.png) ## 코드 --- 컨테이너로 담긴, 1행과 3열 레이아웃 ``` <div class="container"> <div class="row"> <div class="col"></div> <div class="col"></div> <div class="col"></div> </div> </div> ``` ## 질문 --- - 부트스트랩의 레이아웃 방법은?

Challenge

개념 실습! 학습 내용을 진짜 내 것으로 만들기!