정보실

웹학교

정보실

bootstrap 홈페이지에 부트스트랩을 입히는 가장 간단한 방법

본문

부트스트랩은 CSS중심의 UI프레임워크입니다..

 

CDN호스팅을 제공하는데, 현재 운영중인 홈페이지가 있다면

아래 코드를 html문서의 <head>~~~</head> 부분에 넣어주면 됩니다.

 

물론 셀렉터가 겹치면 홈페이지가 이상하게 보이거나 심하게 깨지거나 할 수 있습니다.

 

<!-- Latest compiled and minified CSS -->

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

 

참고로 현재 부트스트랩 버전은 3.3.0입니다.

 

위와 같이 반영을 하게 되면 부트스트랩에서 제공하는 css 클래스들을 사용할 수 있습니다.

 

물론 일부 콤퍼넌트들은 jQuery와 연동이 되기 때문에 추가 링크가 필요합니다.

 

아래와 같이 추가해 주면 됩니다.

<!-- Latest compiled and minified JavaScript -->

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

 

물론 이 링크는 jQuery다음에 넣어줘야 합니다.

 

부트스트랩을 입히는 것 만으로 많은 자원을 사용할 수 있습니다.

 

TJ빌더는 그누보드에 부트스트랩을 적용한 홈페이지제작 빌더입니다.

 

TJ-SHOP은 특별히 영카트에 부트스트랩을 입힌 반응형 쇼핑몰입니다.

 

 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 1,508회 ]  작성일14-11-12 18:13

웹학교