본문 바로가기
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 #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.
[jQuery] Button Component 에 대해 알아보자. jQuery, Button Component 에 대해 알아보자. jQuery 를 이용하여 Button 을 만드는 방법에 대해 알고싶나요? 여기를 클릭. "ui-grid-a", "ui-block-a" "ui-gird-a" class 는 column 이 2개인 grid 를 만든다. ( "ui-grid-b" class 는 column 이 3개인 grid )"ui-block-a" class 는 ui-grid 의 첫번쨰 column 을 말하고,"ui-block-b" class 는 ui-grid 의 두번째 column 을 이야기한다. innerHTML 과 text 의 차이점 innerHTML 은 html 코드를 입력하는 함수이고, text() 는 문자열 입력을 하는 함수. innerHTML 에는 html tag 들.. 2013. 6. 30.
반응형