부트스트랩은 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은 특별히 영카트에 부트스트랩을 입힌 반응형 쇼핑몰입니다.
등록된 댓글이 없습니다.
