Inspired World

Twitter Bootstrap트위터에서 공개한 Twitter Bootstrap (트위터 부트스트랩) 이라는 Frontend Framework(?) 입니다. Bootstrap이 요즘 개발할 때 많이 쓰이죠. 특히 빠르게 프로토타이핑 할 때 쓰기도 하고 진짜 서비스를 개발할 때도 쓰입니다. 이유는 흔히 많이 쓰일만한 요소나 폼 같은 것들이 이쁜 모양으로 만들어져있고 제공하는 jQuery Plugin들이나 반응형 그리드 같은 기능들이 탑재되어있기 때문입니다. 시작Bootstrap이 제공하는 css 파일과 js파일만 추가해주면Bootstrap을 시작할 수 있습니다.head 태그 안에 아래 두줄을 추가해주면 됩니다. 둘러보기Bootstrap 공식사이트 에 가보면워낙 문서화나 예제가 잘되어 있어서 사이트를 돌아다..

CSS를 이용하여 가운데 정렬할 일이 많은데요. 생각보다 쉽지 않습니다. 예를 들어 이렇게 DIV 안에 DIV 한 개가 있다고 가정해봅시다. HTML CSS #container { width:300px; height:300px; background-color:#191970; } #block { width:50px; height:50px; background-color:#ffd700; } 예제 보기 이 상태에서 먼저 Horizontal(가로)로 정렬을 먼저 해볼까요? 이렇게 하면 스타일시트(CSS)가 완전히 분리가 되지 않겠죠? CSS #container { width:300px; height:300px; background-color:#191970; } #block { width:50px; height..

한글은 잘 넘어가나 영문일 경우에는 제대로 줄넘기기가 되지 않은 경우가 있습니다. 그럴 땐! div { word-wrap: break-all; } 이렇게 하면 한글도 자연스럽게 줄 맞추기가 됩니다!