다운로드

Bootstrap을 다운로드하여 컴파일된 CSS 및 JavaScript, 소스 코드를 얻거나 npm, RubyGems 등과 같은 자주 사용하는 패키지 관리자에 포함하세요.

컴파일된 CSS 및 JS

Bootstrap v4.4.1을 즉시 사용 가능할 수 있는 컴파일된 코드를 다운로드하여 프로젝트에 쉽게 추가하세요. 다음이 포함되어 있습니다.

  • 컴파일 및 경량화된 CSS 번들 (CSS 파일 차이점 보기)
  • 컴파일 및 경량화된 JavaScript 플러그인

여기에는 문서, 소스 파일 또는 선택적 JavaScript 의존성 (jQuery 및 Popper.js)이 포함되어 있지 않습니다.

다운로드

소스 파일

Sass, JavaScript 및 문서 파일 소스를 다운로드하여 당신만의 에셋 파이프라인으로 Bootstrap을 컴파일하세요. 이 옵션은 몇 가지 추가 도구를 필요로 합니다.

  • CSS를 컴파일하기 위한 Sass 컴파일러 (Libsass 또는 Ruby Sass가 지원됨).
  • CSS 벤더 접두어를 위한 Autoprefixer

Bootstrap 및 해당 문서를 개발하는 데에 빌드 도구가 포함되어 있지만 원하는 목적에 적합하지 않을 수 있습니다.

소스 다운로드

BootstrapCDN

다운로드하지 않고 BootstrapCDN을 통해 캐시된 버전의 Bootstrap CSS 및 JS를 사용할 수 있습니다.

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

컴파일된 JavaScript를 사용하고 계시지 않는다면, 앞부분에 jQuery 및 Popper.js를 넣는 것을 잊지 말아주세요.

<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>

패키지 관리자

가장 널리 사용되는 패키지 관리자가 있는 거의 모든 프로젝트에 Bootstrap의 소스 파일을 가져오세요. 패키지 관리자와 상관없이 Bootstrap은 공식 컴파일 버전과 일치하는 설정을 위해 Sass 컴파일러 및 Autoprefixer를 필요로 합니다.

npm

npm 패키지로 Node.js 기반 앱에 Bootstrap을 설치하세요.

npm install bootstrap

require('bootstrap')은 모든 Bootstrap의 jQuery 플러그인을 jQuery 객체에 불러옵니다. bootstrap 모듈 자체는 아무것도 내보내지 않습니다. 직접 Bootstrap의 jQuery 플러그인을 독립적으로 패키지 최상위 디렉토리 아래에 있는 /js/*.js 파일을 불러올 수 있습니다.

Bootstrap의 package.json은 다음 키 아래에 추가적인 메타데이터가 포함되어 있습니다.

  • sass - Bootstrap의 메인 Sass 소스 파일 경로
  • style - 기본 설정을 이용해 컴파일된 Bootstrap의 경량화되지 않은 CSS 경로 (맞춤 설정 없음)

yarn

Node.js 기반 앱에 yarn 패키지로 Node.js 기반 앱에 Bootstrap을 설치하세요.

yarn add bootstrap

RubyGems

Gemfile에 다음 줄을 추가해서 Bundler (권장) 및 RubyGems로 Ruby 앱에 Bootstrap을 설치하세요.

gem 'bootstrap', '~> 4.4.1'

Bundler를 사용하지 않는다면 다음 명령어를 실행해서 gem을 설치할 수 있습니다.

gem install bootstrap -v 4.4.1

자세한 정보은 gem의 README를 확인해주세요.

Composer

Composer로 Bootstrap의 Sass와 JavaScript를 관리 및 설치할 수도 있습니다.

composer require twbs/bootstrap:4.4.1

NuGet

.NET으로 개발하고 계시다면 NuGet으로 CSSSass 및 JavaScript를 설치 및 관리할 수 있습니다.

Install-Package bootstrap
Install-Package bootstrap.sass