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