웹디자인 검색 결과, 2
[Bootstrap] 그리드 시스템 (Grid System)
01 그리드 시스템 그리드(Grid)란 사전적인 의미로 격자, 눈금 등을 의미한다.그리드 시스템은 정적, 동적, 반응형 그리드 시스템으로 나누어 볼 수 있겠다. 여기서 정적인 그리드 시스템은 웹 페이지의 레이아웃의 폭이 고정되어 있는 시스템이며 동적인 그리드 시스템은 레이아웃의 폭이 브라우저의 크기에 따라 바뀌는 시스템이다. 반응형 그리드 시스템은 이용하는 기기에 따라 변경되는 화면 폭에 반응형으로 레이아웃이 바뀌는 시스템을 말한다.부트스트랩에서 그리드 시스템은 디바이스나 뷰포트 크기가 증가함에 따라 반응형으로 배열되는 최대 12개의 칼럼을 통해 쉽고 효율적으로 동적인 페이지의 레이아웃을 만들 수 있도록 도와준다. 이 12개의 열은 개별적으로 나타낼 수도 있으며 열을 그룹화하여 더 넓게 나타내게 할 수도..[Bootstrap] 부트스트랩 시작하기 (v3.3.7)
01 부트스트랩이란 부트스트랩은 쉽고 빠른 프론트엔드 웹 개발을 위해 설계된 HTML, CSS, JS 프레임워크이다.맞춤형 HTML, CSS 요소와 jQuery 플러그인을 제공하며 다양한 웹 브라우저 환경이나 스마트폰, 태블릿, 데스크탑에도 대응하여 크로스 브라우징(Cross Browsing)을 도와준다.트위터에서 오픈 소스로 공개되어 원래 있던 디자인을 그대로 사용하거나 누구나 마음대로 수정하여 자유롭게 배포하는 것도 가능하다.현재 계속 버전이 업데이트되고 있으며 현재 v4.0까지 나온 상태이지만 여기서는 v3.3.7으로 알아볼 것이다. 02 부트스트랩으로 제작된 사이트 이곳(http://expo.getbootstrap.com/)으로 이동하여 부트스트랩으로 만들어진 다양한 웹 사이트를 확인할 수 있다...