본문 바로가기 메뉴 바로가기

YCPark.NET

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

YCPark.NET

검색하기 폼
  • 분류 전체보기 (67)
    • YcPark (28)
    • Web-Frontend (9)
      • JavaScript (2)
      • CSS (4)
      • HTML (3)
    • Web-backend (11)
      • Java (4)
      • PHP (3)
      • Node.js (0)
    • Server (5)
      • WebServer (1)
    • Database (2)
    • Game (12)
      • Unity (0)
      • Document (9)
      • UltimaOnline (3)
  • 방명록

bootstrap4 (1)
Bootstrap4를 사용한 Masonry gird

Bootstrap4 를 사용한 Masonry 스타일 구현목표 : 핀터레스트 같은 그리드를 표현하기 위해 사용하던 masonry.js를 bootstrap4의 card-columns 을 이용하여 구현.Bootstrap4 문서를 보다가 flex를 이용하여 Masonry를 구현이 가능하다 라는 내용을 보고 실제로 테스트 해 보았음.기본 모양 자체는 Bootstrap4 document 를 사용하여 쉽게 구현이 가능 하다. Card 1 This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Card 2 Someone famous in Sou..

Web-Frontend/CSS 2017. 4. 7. 11:34
이전 1 다음
이전 다음
공지사항
  • 2017.04.06 version 2.0
최근에 올라온 글
  • 7월을 맞이 하며
  • JAVA의 GC의 종류 및 특징
  • PHP용 debug tool - XDEBU⋯
  • Spring-boot, MyBatis 로⋯
최근에 달린 댓글
  • 잘 보고갑니다:D
  • 오래전에 퍼시픽에서 3년간⋯
  • 서양검에 대해서는 유독 과장⋯
Total
243,410
Today
0
Yesterday
11
링크
  • 박윤철 개인 홈페이지
  • 여행 플래너 어스토리
TAG
  • nginx
  • 개발
  • 단검
  • 울온
  • H2
  • 가우스
  • textarea
  • php
  • centos7
  • mybatis
more
«   2022/08   »
일 월 화 수 목 금 토
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
글 보관함
  • 2019/07 (1)
  • 2019/06 (2)
  • 2019/05 (4)
  • 2017/09 (4)
  • 2017/08 (6)

Blog is powered by Tistory / Designed by Tistory

티스토리툴바