Framework/Bootstrap
-
Bootstrap GridFramework/Bootstrap 2019. 4. 8. 20:13
Bootstrap Grid 부트스트랩의 그리드 시스템은 플렉스박스로 제작되었으며 문서에 크기에 따라 완벽하게 반응합니다. 최대 12개의 열을 허용하며, 컨테이너 및 열과 행으로 컨텐츠를 배치하고 정렬합니다. Grid option 그리드 옵션에는 아래와 같이 5개의 클래스가 있습니다. 클래스를 결합하여 보다 동적이고 유연한 레이아웃을 만들 수 있습니다. .col- (576px 미만) .col-sm- (576px 이상) .col-md- (720px 이상) .col-lg- (930px 이상) .col-xl- (1200px 이상) Tip : sm과 md에 대해 동일한 너비를 설정할 때 sm만 지정하면 자동으로 md까지 맞춰집니다. Basic Structure 부트스트랩 그리드의 기본 구조 One of three..
-
Bootstrap 시작하기Framework/Bootstrap 2019. 4. 8. 14:23
Bootstrap 부스트랩은 트위터의 마크 오토 (Mark Otto)와 제이콥 손튼 (Jacob Thornton)이 개발했으며, 2011년 8월 깃허브(GitHub)에서 오픈소스로 출시했습니다. 부트스트랩은 웹 개발을 단순화 시키기 위해 개발된 웹 프레임워크입니다. 프로젝트에 추가하면 모든 HTML 요소에 대한 기본 스타일을 제공하고 부트스트랩에 정의된 CSS 클래스를 활용하여 추가로 스타일을 적용할 수 있습니다. 또한 부트스트랩은 Javascript 플러그인(모달, 툴팁 등)에 jQuery를 사용합니다. 부트스트랩의 CSS만 사용한다면 굳이 jQuery를 쓸 필요는 없습니다. Bootstrap CDN 부트스트랩을 직접 다운로드 하거나 CDN (Content Delivery Network) 방식으로 로드..