본문 바로가기
디자인/HTML, CSS, JS

예제 별 그리드

by 코코리★ 2019. 1. 15.
728x90

패턴 잡기

출발점으로 사용할 기본 패턴 모음이며 대체 기능이 있습니다. 전체 페이지 레이아웃에 이들을 사용할 필요가 없다는 것을 기억하십시오. 디자인에서 작은 부품 일 수도 있습니다.

  • 머리글, 2 열, 바닥 글

    Header, 2 col, footer의 스크린 샷
    머리글과 바닥 글이있는 유연한 2 열 레이아웃.
  • 머리글, 2 열, 바닥 글

    Header, 2 col, footer의 스크린 샷
    머리글과 바닥 글이있는 반응이 빠른 2 열 레이아웃.
  • 머리글, 2 열, 바닥 글

    Header, 2 col, footer의 스크린 샷
    머리글과 바닥 글이있는 반응이 빠른 2 열 레이아웃. 행을 사용하여 공간 만들기
  • 만큼 적합

    As many as fit의 스크린 샷
    이 레이아웃에는 다음 행으로 이동하기 전에 적합한 상자를 여러 개 표시 할 수있는 가운데 패널이 있습니다.
  • 키가 큰 사람만큼

    스크린 샷 중 일부는 키가 큰만큼
    이 레이아웃에는 다음 행으로 이동하기 전에 적합한 상자를 여러 개 표시 할 수있는 가운데 패널이 있습니다. 일부 항목은 두 행에 걸쳐 있습니다.
  • 미디어 객체

    Media Objects의 스크린 샷
    중첩 및 뒤집을 수있는 표준 미디어 객체입니다.


728x90

댓글