반응형
윈도우8 스타일의 웹사이트를 구현하려던 도중 메트로UI 도 부트스트랩이 있더라구요.
이미 많은 분들이 알고 사용하고 계시겠지만 꾸역꾸역 포스팅합니다.
이미지를 클릭하시면 링크로 이동합니다.
상단의 네비게이션을 보면 다음과 같습니다.
- Base CSS
Requirements : 부트스트랩을 설치하고 웹페이지에 적용시키는 과정설명
General CSS : Global 로 사용하는 스타일, 그리드 구성, 타이포그라피, 테이블, 폼, 버튼, 이미지
Responsive : 부트스트랩은 반응형을 지원한다. 화면크기(스크린 사이즈)에 반응하는 크기등
Icons : 개인적으로 이 부투스트랩을 사용하며, 제일 편하고 고마움을 느끼고 있는 이 아이콘들.
빠른 속도로 UI 를 구성하기에 너무 편리하게 되어있습니다. - Components - 컴포넌트형식으로 모듈단으로 구성되어 있습니다. 여기 첫번째 메뉴에 나오는 타일.
메트로의 꽃이라 할수 있는 타일과 다양한 컴포넌트들이 설명되있다. - Examples : 각각의 컴포넌트들을 구동시켜 예제로 표시되어있다. 근데;; 코드설명이 없어 자꾸 여기서
요소검사기를 켜야해서 좀 짜증나기는 한다.
흠.. 더이상 설명은 힘드네. 다음 포스팅 부터는 차례대로 적용하는 과정을 포스팅하겠습니다.
반응형
'Development > UI FrameWork' 카테고리의 다른 글
[BootStrap 3] popover live (0) | 2016.06.19 |
---|---|
[BootStrap] Tooltip Styling (0) | 2016.06.19 |
부트스트랩 페이징 가운데 정렬(Center) (1) | 2014.10.28 |
Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | 1. General CSS (0) | 2014.06.17 |
Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | Requirements (0) | 2014.06.17 |
댓글