본문 바로가기
Site/Library

Bootstrap 시작하기

by 오다다 코드 odada 2020. 3. 31.

부트 스트랩

세계에서 가장 인기있는 프론트 엔드 컴포넌트 라이브러리를 사용하여 웹에서 반응 형 모바일 우선 프로젝트를 빌드하십시오.

부트 스트랩은 HTML, CSS 및 JS로 개발하기위한 오픈 소스 툴킷입니다. Sass 변수 및 믹스 인, 반응 형 그리드 시스템, 광범위한 사전 빌드 된 구성 요소 및 jQuery를 기반으로하는 강력한 플러그인으로 아이디어를 신속하게 프로토 타입하거나 전체 앱을 빌드하십시오.

다운로드

 

https://getbootstrap.com/

 

Bootstrap

The most popular HTML, CSS, and JS library in the world.

getbootstrap.com

 

https://www.w3schools.com/bootstrap/bootstrap_ver.asp

 

Bootstrap 3 or Bootstrap 4

 

www.w3schools.com


부트 스트랩 CDN

Bootstrap의 컴파일 된 CSS 또는 JS 만 포함하면 BootstrapCDN 을 사용할 수 있습니다

CSS

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

JS, Popper.js 및 jQuery

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

 


공식 테마

공식 프리미엄 테마 인 Bootstrap 4에 새로운 구성 요소와 플러그인, 문서 및 빌드 도구를 갖춘 Bootstrap 테마입니다.

https://themes.getbootstrap.com/

 

Bootstrap Themes Built & Curated by the Bootstrap Team.

Bootstrap Themes is a collection of the best templates and themes curated by Bootstrap’s creators. Our collection of templates include themes to build an admin, dashboard, landing page, e-commerce site, application, and more.

themes.getbootstrap.com

 

'Site > Library' 카테고리의 다른 글

css Animate  (0) 2020.09.22
원페이지 애니메이션 스크롤링 (onepage animation scroll)  (0) 2020.08.25
scrollUp jQuery plugin  (0) 2020.08.25
원페이지 스크롤 Fullpage.js  (0) 2020.07.28
유용한 라이브러리 모음  (0) 2020.04.09
Bootstrap 시작하기  (0) 2020.03.31

댓글0