본문 바로가기
Web/Bootstrap

[Bootstrap] Bootstrap-1/부트스트랩이란?/Bootstrap공부/시작

by 나비와꽃기린 2016. 9. 7.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

1. Bootstrap 이란?

- 프론트엔드 웹개발을 더 빠르고 쉽게 만들어 줍니다.

- 기본적 CSS 만 알고 있으면 누구나 사용 가능한 쉬운 사용법을 갖추고 있습니다.

- 웹표준을 완벽하게 준수하며 현재 가장 인기있는 HTML, CSS, JS 프레임워크 입니다.

- 반응형 디자인이 쉽게 만들어 집니다.

 

-IE9이하 버전에서는 기능지원에 제한이 있다.

익스플로러보다는 그외 브라우저 (크롬,사파리 등등..) 에서 실행하길 권장한다.

 

2. 사용방법

부트스트랩 사용방법은 jQuery와 동일하다.

다운로드 받아서 include를 해주는 방법 or CDN 설정을 통해서 include 해주는 방법

<CDN>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

 

<Download>

다운로드 경로 :: http://getbootstrap.com/getting-started/#download

-bootstrap.min.css

-bootstrap-theme.min.css

-bootstrap.min.js