본문 바로가기

Development/WebUI FrameWork | BootStrap

메트로UI (MetroUI) 부트스트랩

윈도우8 스타일의 웹사이트를 구현하려던 도중 메트로UI 도 부트스트랩이 있더라구요.

이미 많은 분들이 알고 사용하고 계시겠지만 꾸역꾸역 포스팅합니다. 

이미지를 클릭하시면 링크로 이동합니다.



상단의 네비게이션을 보면 다음과 같습니다.

  • Base CSS
    Requirements : 부트스트랩을 설치하고 웹페이지에 적용시키는 과정설명
    General CSS : Global 로 사용하는 스타일, 그리드 구성, 타이포그라피, 테이블, 폼, 버튼, 이미지
    Responsive : 부트스트랩은 반응형을 지원한다. 화면크기(스크린 사이즈)에 반응하는 크기등
    Icons : 개인적으로 이 부투스트랩을 사용하며, 제일 편하고 고마움을 느끼고 있는 이 아이콘들.
    빠른 속도로 UI 를 구성하기에 너무 편리하게 되어있습니다.
  • Components - 컴포넌트형식으로 모듈단으로 구성되어 있습니다. 여기 첫번째 메뉴에 나오는 타일.
    메트로의 꽃이라 할수 있는 타일과 다양한 컴포넌트들이 설명되있다.
  • Examples : 각각의 컴포넌트들을 구동시켜 예제로 표시되어있다. 근데;; 코드설명이 없어 자꾸 여기서
    요소검사기를 켜야해서 좀 짜증나기는 한다.
흠.. 더이상 설명은 힘드네. 다음 포스팅 부터는 차례대로 적용하는 과정을 포스팅하겠습니다.