본문 바로가기

Bootstrap: 그리드 컬럼 가운데 정렬 적당한 제목이 생각나지 않아서. 부트스트랩에선 그리드 시스템이라고 12개의 컬럼으로 구성된 레이아웃을 제공하고 있어요. 그리드 시스템에 대해서는 http://bootstrapk.com/css/#grid (한글) http://getbootstrap.com/css/#grid (영어) 를 참고하면 됩니다. :) 화면이 12개의 컬럼으로 분할되었다고 생각하면 쉽다. 가운데에 먼가를 나타내본다고 가정하면 왼쪽(5개 컬럼) | 내용(2개 컬럼) | 오른쪽(5개 컬럼) 일케하면 되는데. 내용 컬럼이 짝수가 아니라 홀수인 경우에는 가운데 정렬을 어떻게 해야할까??요게 이번 포스팅의 내용이다. 결론부터 style을 추가함으로써 쉽게 가운데에 정렬하는 것이 가능하다. margin: 0 auto; 에서 auto가 왼쪽 오른.. 더보기
iOS library 006 - RNGridMenu (그리드 메뉴) 이번에 테스트 해본 라이브러리는 RNGridMenu입니다. 그리드 메뉴를 구성할 수 있도록 도와주는 라이브러리로, 잘 활용하면 이쁜 디자인을 표현할 수 있을 것 같네요. RNGridMenu에 대한 설명은 RNGridMenu의 GitHub 페이지에서 확인 하실 수 있습니다. RNGridMenu GitHub : https://github.com/rnystrom/RNGridMenu 1. RNGridMenu 설치(install), 적용(apply) 이번 포스팅에서는 cocospod을 사용해보겠습니다. 일단 새로운 프로젝트를 만드시고, Terminal에서 해당 프로젝트 폴더로 이동하신다음, vi Podfile 위와 같이 파일을 열고, 아래 내용을 작성합니다. pod 'RNGridMenu', '~>0.1.2' 파일.. 더보기