다수의 엘리먼트 요소들을 더 쉽게 정렬하는 방법은 무엇일까요? css를 사용하여 레이아웃을 구성할때 많은 고민을 하게됩니다. 이때 flex를 사용하면 다른 방법보다 훨씬 더 쉽고 빠르게 쉽게 정렬 및 레이아웃을 하는 것이 가능합니다. 왜 flex를 써야할까요?Why flex ?각각의 요소들을 정렬하는데는 많은 것들을 고려해야합니다. 이때 flex는 정렬하고 포지션을 결정하는 등등의 많은 옵션들이 존재합니다. 쉽게 얘기하면 세로 정렬을 하는 것도... 그리고 한 줄에 원하는 박스 아이템을 원하는 방식으로 정렬할 수도 있죠...하지만 ...예전에는 flex를 지원하지 않은 구 버전의 IE 환경을 고려해 사용하기 어려웠습니다. 하지만 최근에는 대부분의 브라우저가 flex를 지원하므로 더 이상 사용을 미룰 필요가 없어졌죠! 이제는 flex를 반드시 사용해야합니다.그렇다면 flex의 모든 것을 알아보려합니다. 아래는 flex를 사용하여 배치, 정렬하
2018-12-28 17:51:38부트스트랩(bootstrap)을 사용하는 방법을 알아봅니다. 아래는 부트스트랩으로 row와 column을 사용하여 레이아웃을 구현하는 방법입니다. 어떻게 사용하는지 주의할 점은 무엇인지 자세히 알아보겠습니다.# 부트스트랩을 사용한 row 선언하기컬럼을 나누려먼 반드시 row를 먼저 선언하고 그 안에 column을 사용합니다. 또한 column을 사용하였다면 반드시 랩핑으로 row 클래스를 가진 태그가 필요합니다. 아래 예제를 봐주세요!! 1x1 레이어 구현<div class="row"> <div class="col-xs-12">1 x 1</div> </div>부트스트랩에서 row를 사용시 row 클래스명을 추가하면 됩니다. 매우 간단합니다. 다만 column 추가시 아래처럼 몇 가지로 구분하여 사용됩니다. 구분자로 - 대시기호가 사용됩니다.col-xs-12col-md-12col-sm-12이때 반드시 알아둬야할 적용 방법은 아래와 같습니다.i. xs, md 또는 sm은
2017-07-29 06:13:06
