본문 바로가기
Library

Bootstrap 시작하기

by 오다다 코드 오다다 Code 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

 

'Library' 카테고리의 다른 글

원페이지 애니메이션 스크롤링 (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