본문 바로가기
Bootstrap All Functions #5 Bootstrap All Functions #5 Typography Tutorial - class="unstyled" bootstrap 의 style 제거 - class="dl-horizontal" horizontal style dl Glyphicons with bootstrap 3 - Glyphicons 란? icon font 를 말한다. Glyphicons with bootstrap 3 - Obtaining Glyphicons dist/fonts folder 에서 dist folder 를 찾을 수 있다. glyphicons-halflings-regular.eotglyphicons-halflings-regular.svgglyphicons-halflings-regular.ttfglyphicons-half.. 2014. 4. 4.
Bootstrap All Functions #4 Bootstrap All Functions #4 Layout Tutorial - Bootstrap Fixed Layout class="container"class="row" Layout Tutorial - Bootstrap Fluid Layout class="container-fluid"class="row-fluid" Responsive Design - How does responsive web design work size 마다 알맞은 css 를 적용해야 한다. Responsive Design - Diving deep into a Responsive Web Design CSS 스크린에 따른 responsive web 을 위해서는 css 파일에 @media 를 명시해주어야 한다. 예를 들어@media (.. 2014. 3. 25.
Bootstrap All Functions #2 Bootstrap All Functions #2 HTML 5 Doctype .. Mobile First BootStrap 3 부터는 기본적으로 responsive web page 이다. Bootstrap 3 부터는 모바일 단말들이 먼저이고, 데스크탑을 다음 순위로 지원한다. 추가적으로 user-scalable=no 를 넣을수도 있다. 이 녀석은 모바일 단말에서 zoom 을 막는 효과가 있다.maximum-scale=1.0 은 user-scable=no 와 함께 쓰여서 native app 과 비슷한 효과를 볼 수는 있으나, responsiveness 는 떨어진다고 볼 수 있다. Responsive Images .img-responsive{ display: inline-block; height: auto; .. 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] Bootstrap Tutorial #1 - download & setup CSS, Bootstrap Tutorial #1 - download & setup Download and understand file structures 다운로드 https://github.com/twbs/bootstrap/archive/v3.0.0.zip 메인 css 파일인 bootstrap.css 와 bootstrap-min.css 은 dist/css 에 들어있다. 메인 js 파일인 bootstrap.js 와 bootstrap-min.js 는 dist/js 에 들어이다. root 에 있는 js 폴더는 다른 js plug-in 들이다.asset/js 폴더에는 html5shiv.js 와 respond.min.js 가 들어있다.이것들은 IE8 을 support 하는 녀석들이다. asset/js 에는 jqu.. 2014. 2. 8.
반응형