본문 바로가기
Bootstrap All Functions #3 Bootstrap All Functions #3 Grid System Introduction. 기본은 940px 에 12columns.responsive 로 724px ~ 1170px 사이로 조정된다. percent 로 계산하는 fluid grid system 도 있다. grid 에 관련된 css 는 row 와 spanx (x = 1~12) 가 있다. css 에서 아래와 같은 문법은 span 으로 시작하는 모든 class 에 css 적용 [class*="span"]{ ...} 기본 grid 에 responsiveness 주기 2가지 환경에서 reponsiveness 가 발동한다.1200px 이상일 때,768px~979px 일때. Offsetting Columns : default grid offsetx .. 2014. 3. 24.
[기초강좌] HTML Blocks - w3schools 번역 [기초강좌] HTML Blocks - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_blocks.asp HTML element 는 와 으로 그룹화 될 수 있다. HTML Block Elements. 대부분의 HTML element 는 Block level 또는 inline level 로 정의된다. Block level element 는 보통 줄바꿈 후 시작하고, 끝나면 줄바꿈을 추가하여 브라우저에 표시된다. Block level tag 의 예는 , , , HTML Inline Elements Inline Elements 는 보통 줄바꿈 없이 표시된다. Inline level tag 의 예는 , , , The.. 2014. 3. 18.
Bootstrap All Functions #1 Bootstrap All Functions #1 Container, Row, SpanX Responsive Web Typography -기본 tag 들에 대해서도 style 이 적용되어 있다. - blockquote 의 경우 위와 같이 두드러지게 바뀐다. -기본 tag 의 style 을 제거하려면 class="unstyled" 를 적용한다. -dl 의 경우 class="dl-horizontal" 로 수평 definition list 를 사용할 수 있다. Glyphicon User -Glyphicon customize pagehttp://www.w3resource.com/twitter-bootstrap/3/glyph-customization.html Table Forms Search -bootstrap 의.. 2014. 3. 13.
[CSS] display:block 과 display:inline 의 차이점에 대해 알아보자. CSS, display:block 과 display:inline의 차이점. 자동 줄바꿈! block으로 설정된 컴퍼넌트는 자동줄바꿈 O.inline으로 설정된 컴퍼넌트는 자동줄바꿈 X. width, height, margin, padding 속성들! block으로 설정된 녀석은 width, height, margin, padding 속성 사용이 가능한 반면 inline으로 설정된 녀석은 해당 속성들을 사용하지 못한다. 대표 component 는? display:block 이 설정되는 대표적 component 는 div.display:inline 이 설정되는 대표적 component 는 span. Block, component, css, CSS3, display, display:block, display:.. 2013. 6. 20.
반응형

티스토리툴바