본문 바로가기

CSS/Framework2

[BootStrap] 2탄. 부트스트랩 그리드 시스템 Bootstrap Grids System부트스트랩의 그리드 시스템은 페이지에 열 두개의 컬럼이 존재하는걸로 따르고 있어요.만약 12개의 컬럼을 전부 사용하지 않고 커스텀으로 사용하려면 그룹으로 묶어서 사용하는 것도 가능해요! 부트스트랩의 그리드 시스템은 스크린의 크기에 따라 자동적으로 재 배치 되며, 반응형으로 움직여요 그리드 클래스부트스트랩의 그리드 시스템 클래스는 4가지가 있어요 : xs (스마트폰용)sm(태블릿용)md (데스크탑용)lg (큰 데스크탑용) 부트스트랩 그리드시스템의 기본적인 구조 ... 첫 번째로 한 개의 열을 만듭니다. () 그다음, 원하는 만큼 행의 숫자를 넣습니다.(.col-*-*) 여기서 중요한 점은 각 행의 숫자가 항상 12를 넘지 말아야 합니다. 예제를 몇개 보도록 하죠. 동.. 2015. 5. 13.
[BootStrap] 1탄. 부트스트랩3 튜토리얼 설치 CDN 활용 부트스트랩은 트위터에서 만든 오픈소스 웹 디자인 프레임워크이며 무료로 다운로드를 받을 수 있고 무료로 사용이 가능해요.부트스트랩?부트스트랩은 웹 개발에 빠르고 편리한 무료 프론트엔드 프레임워크에요부트스트랩은 HTML 과 CSS 를 기반으로 디자인한 템플릿과 타이포그래피, 양식, 버튼, 표, 네비게이션, 모달, 이미지 carousels 그리고 다른 훌륭한 자바스크립트 플러그인들을 옵션으로 갖추고 있어요.부트스트랩은 여러분에게 쉽고 강력한 반응형 웹 디자인을 제공할 거에요. 부트스트랩 역사부트스트랩은 Mark Otto 와 Jacob Thornton 이 트위터에서 개발했어요. 그리고 2011년 8월 깃헙에 오픈소스 제품으로 공개했죠. 왜 부트스트랩을 쓰나요? 부트스트랩을 썼을 때 얻는 (개)이득 :사용하기 쉬.. 2015. 5. 13.