728x90 300x250 Front-end/bootstrap3 [부트스트랩] 그리드 시스템 부트스트랩의 그리스 시스템 기본은 컨테이너, 행, 열을 사용해서 콘텐츠 레이아웃을 정렬한다. row : 열 col : 행 Column Column Column 이렇게 행과 열로 구조를 만드는 방식 이렇게 사전에 정의 된 그리드 클래스를 사용하면 모든 기기와 뷰포트에 동일한 너비의 열 3개를 만든다. 참고 : https://getbootstrap.kr/docs/5.0/layout/grid/ 2022. 8. 20. [부트스트랩] Components 사용하기 2 부트스트랩 cdn 셋팅이 끝났다면 https://moo-you.tistory.com/663 [부트스트랩] 시작하기 1. bootstrap 사이트 접속 https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 2. 메인에서 Read the docs 클릭 3. Quick start를 보면 index.htm.. moo-you.tistory.com components 메뉴에서 원하는 컴포넌트를 사용할 수 있다. 수많은 컴포넌트 중에서 먼저 제일 위에 Accordion을 사용해 보자 메뉴를 클릭하면 다양한 종류의 아코디언이 나오고 그 중 하나의 html 코드를 복사해와서 작업.. 2022. 8. 15. [부트스트랩] 시작하기 1. bootstrap 사이트 접속 https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 2. 메인에서 Read the docs 클릭 3. Quick start를 보면 index.html 파일을 만들고 모바일 장치에서의 반응형을 위해서 태그를 포함한다. Hello, world! 4. css와 js 태그를 배치한다. Hello, world! 2022. 8. 14. 이전 1 다음 728x90 반응형