목록2024/08/20 (1)
Nonamed Develog
[TIL][240820] Bootstrap - Grid system
어떤 문제가 있었나?예전 프로젝트를 진행할 때, Bootstrap을 처음 사용하는 과정에서 그리드 시스템을 이해하기 어려웠다. 특히 화면 크기에 따라 레이아웃이 어떻게 변화하는지 명확하지 않았다.무엇을 시도했나?기본 HTML 설정Bootstrap을 프로젝트에 포함시키기 위해 CDN 링크를 사용하여 기본 HTML 템플릿을 작성하였다.그리드 시스템- 2개와 3개의 열로 구성된 레이아웃을 만들어 봤고, 화면 크기에 따라 레이아웃이 어떻게 변하는지 확인하기 위해 브라우저 개발자 도구를 사용했다. Column 1 Column 2 Column 3 구성 요소 사용다양한 스타일의 버튼, 네비게이션 바, 카드, 폼 등을 만들어 Bootstrap의 기본 구성 요소를 익혔다..
WHAT I LEARN/TIL
2024. 8. 20. 19:44