HTML5/CSS3

총 16개의 글

부트스트랩

Bootstrap 3 offset on right not left

.col-xs-offset-right-12 { margin-right: 100%; } .col-xs-offset-right-11 { margin-right: 91.66666667%; } .col-xs-offset-r

298
부트스트랩

부트스트랩 5열 그리드

부트스트랩의 그리드 시스템은 12개의 분할된 화면으로 레이아웃을 구성하는 것입니다. 5개씩 하려고 하면 안되는 부분이 있는데 이렇게 추가가 가능합니다. .col-xs-15, .col-sm-15, .col-md-15,

769
[Bootstrap] 무료 부트스트렙 템플릿 사이트
부트스트랩

[Bootstrap] 무료 부트스트렙 템플릿 사이트

최근에 HTML5/CSS3를 공부하면서 부트스트렙을 접하게 되었고, 거의 빠져 있다 싶을 정도로 알아보고 있습니다. 이미 개발 환경이 만들어진 상태에서 사이트를 구축할 수 있기 때문에 평소 제작하던 시간을 1/2로

1361
부트스트랩

[PSD] Responsive Bootstrap Grids

부트스트랩 반응형 그리드 PSD 입니다. https://dribbble.com/shots/1622149--psd-responsive-bootstrap-grids #스케치 https://dribbble.com/shot

526
부트스트랩

부트스트랩 COLLAPSE 아코디언 효과

※ Collapse ( 컬랩스 )   ☞ 제목 클릭하면 해당 내용이 펼쳐지고, 다른내용은 접히는 특수한 효과를 의미한다. ( 아코디언 효과라고도 한다 ) ☞ 주로 FAQ 혹은 도움말 부분에 적용하면 효과적. ☞ 토글

1781
부트스트랩

부트스트랩 커스텀 padding, margin

bootstrap의 그리드란 colrumn 을 12개로 나눠 화면을 분할하여 보여주는 것을 말합니다. colrumn의 약자인 col 과 화면 사이즈를 나타내는 lg, md, sm, xs 그리고 화면 분할갯수 1~12

382
부트스트랩

metronic_v4.5.2 UI bootstrap

<p>http://keenthemes.com/preview/metronic/</p> <p>부트스트랩도 하나의 스타일만 있는게 아니었군요.</p> <p>부트스트랩을 이용하여 다양한 UI 프레임워크가 나와있었군요. ;ㅁ;</p>

757
New Bootstrap 4 alpha
부트스트랩

New Bootstrap 4 alpha

간단하게 살펴보면1. CSS 컴파일 방법이 LESS 에서 SASS로 변경2. IE8 지원종료3. Reboot.css 리셋파일4. ES6 지원5. 제이쿼리 2.0 지원6. 그리드 시스템 강화7. 미디어 쿼리 강화등 좀

443
#2 부트스트랩의 특징
부트스트랩

#2 부트스트랩의 특징

http://martian36.tistory.com/1143 베누시안님의 블로그에 있는 글입니다. 3월달에 나올 부트스트랩 관련 책의 일부라네요. :)   부트스트랩의 특징 웹페이지를 쉽게 만들 수 있다 부트스트랩의

5975 1
#1 부트스트랩이란?
부트스트랩

#1 부트스트랩이란?

간단히 말하면 웹기반의 ui프레임웍입니다. 기존 웹기반의 프레임웍과 다른 점은 HTML5에 특화된 프레임웍이라는 점입니다. 그래서 구시대적인 table을 사용하지않았습니다. 센챠나 제이쿼리모바일보다는 좀더 낮은단계의

4316
부트스트랩

부트스트랩의 아이콘 지원 브라우저

부트스트랩의 icon-home 클래스를 사용하는데, 크롬에선 잘 보여지는데 IE9에서는 안 보여지더군요. 각 브라우저마다 대응하기 위해 적어야 하는 코드가 있지 싶지만 아직 배우는 단계라 잘 몰라  일단 font-a

3936
부트스트랩

기본 부트스트랩 템플릿

일반적인 HTML 코드입니다. <!DOCTYPE html><html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width

4544