demun(대문블로그)

퍼블리셔/Bootstrap2013. 9. 13. 08:41

이번 시간에는 폼입니다. 이전글은 -> http://demun.tistory.com/category/Development/Bootstrap 를 참고하세요 내용일 깁니다. 아래 목록을 클릭하면 해당글로 바로갑니다. Forms Inline form(인라인 폼) Horizontal form(수평형태의 폼) Supported controls(지원되는 컨트롤) Static control(정적인, 고정된 컨트롤) Form states(폼의 상태) Input focus Disabled inputs(비활성화된 인풋) Disabled fieldsets(비활성화된 필드셋) Validation states(유효성검증) Control sizing(컨트롤 높이 조정) Help text(도움말) Forms form 은 form-..

퍼블리셔/Bootstrap2013. 9. 11. 06:00

CSS 에 대한 부분이 많아서 이렇게 나누게 되었습니다. 오늘은 CSS 에서 Code 부분부터 시작합니다.부트스트랩 2와 3은 여기서도 약간 차이가 납니다.아래 이미지처럼 code 에 해당하는 부분은 로 감싸면 됩니다. 그러면 기본 스타일이 지정이 되는데요. 대표적으로 컬러값이 빨강색이 됩니다. 물론 커스터마이징하면 값을 바꿀수도 있지만 기본은 그렇다는 이야기 입니다.기본적으로 를 사용하면 글꼴크기를 90%로하고, 컬러는 빨강색, 배경은 흰색(#f9f2f4) 으로 되고, border-radius 도 4px 가 들어갑니다. code 와 비슷하게 사용하는것이 태그 입니다.또한 긴 코드를 위해서 버젼 2에서는 없던 pre-scrollable 클래스를 지원합니다.그럼 높이값이 340px 로 한정되고 오버플로우 ..

퍼블리셔/Bootstrap2013. 8. 26. 12:52

부트스트랩이 버젼 3이 나왔지만 베타버젼으로써 RC1,2 를 거쳐 3.0버젼까지 올라갔습니다.모바일 우선주의로 인해 이전에 부트스트랩 2 버젼은 IE7 이상을 지원했지만 이제는 IE 9이상을 써야 됩니다.즉 IE 무시.....ㅎㅎㅎ. 대략 그렇다고치고, 릴리즈에 대한 내용은 github 사이트의 https://github.com/twbs/bootstrap/releases 를 참고하시면 됩니다. 부트스트랩 3.0 홈페이지 -> http://getbootstrap.com/아래 사진을 보시면 아시겠지만 상단에는 이전과 같이 부트스트랩 3.0 을 어떻게 사용해야되는지 문서가 작성되어 있습니다. 하단에는 버젼 3.0 이라는것을 표기하고, 이전 문서의 최신버젼인 2.3.2 버젼도 링크를 표시해 두었습니다.이전 부트..