in English

다운로드

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

컴파일된 CSS 및 JS

Bootstrap v4.6.2 용으로 즉시 사용할 수 있는 컴파일된 코드를 다운로드 하여 다음을 포함하여 프로젝트에 쉽게 드롭할 수 있습니다.

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

다운로드

소스 파일

소스 Sass, JavaScript 및 문서 파일을 다운로드하여 자체 자산 파이프라인으로 Bootstrap을 컴파일하십시오. 이 옵션에는 몇 가지 추가 도구가 필요합니다.

  • Sass 소스 파일을 CSS 파일로 컴파일하기 위한 Sass 컴파일러
  • CSS 공급업체 접두사를 위한 자동 접두사

전체 빌드 도구 세트가 필요한 경우 부트스트랩 및 해당 문서를 개발하는 데 포함되어 있지만 사용자의 목적에는 적합하지 않을 수 있습니다.

소스 다운로드

예제 를 다운로드하여 검토 하려면 이미 빌드된 예제를 가져올 수 있습니다.

예제 다운로드

jsDelivr

jsDelivr 로 다운로드를 건너 뛰어 Bootstrap의 컴파일된 CSS 및 JS의 캐시된 버전을 프로젝트에 제공합니다.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

컴파일된 JavaScript를 사용 중이고 Popper를 별도로 포함하려는 경우 CDN을 통해 JS 앞에 Popper를 추가하는 것이 좋습니다.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>

패키지 관리자

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

npm

npm 패키지 를 사용하여 Node.js 기반 앱에 부트스트랩을 설치 합니다 .

npm install bootstrap

require('bootstrap')모든 Bootstrap의 jQuery 플러그인을 jQuery 객체에 로드합니다. 모듈 자체 는 bootstrap아무것도 내보내지 않습니다. /js/*.js패키지의 최상위 디렉토리에서 파일 을 로드하여 부트스트랩의 jQuery 플러그인을 개별적으로 수동으로 로드할 수 있습니다 .

부트스트랩 package.json은 다음 키 아래에 몇 가지 추가 메타데이터를 포함합니다.

  • sass- Bootstrap의 기본 Sass 소스 파일 경로
  • style- 기본 설정을 사용하여 미리 컴파일된 부트스트랩의 축소되지 않은 CSS 경로(사용자 정의 없음)
스타터 프로젝트로 npm을 통해 부트스트랩을 시작하세요! twbs /bootstrap-npm-starter 템플릿 저장소로 이동하여 자신의 npm 프로젝트에서 부트스트랩을 빌드하고 사용자 정의하는 방법을 확인하십시오. Sass 컴파일러, Autoprefixer, Stylelint, PurgeCSS 및 Bootstrap 아이콘을 포함합니다.

yarn 패키지 를 사용하여 Node.js 기반 앱에 Bootstrap을 설치 합니다 .

yarn add bootstrap

루비젬

Bundler ( 권장 ) 및 RubyGems 를 사용하여 Ruby 앱 에 다음 줄을 추가하여 Bootstrap을 설치 합니다 Gemfile.

gem 'bootstrap', '~> 4.6.2'

또는 Bundler를 사용하지 않는 경우 다음 명령을 실행하여 gem을 설치할 수 있습니다.

gem install bootstrap -v 4.6.2

자세한 내용은 gem의 README 를 참조하세요.

작곡가

Composer 를 사용하여 Bootstrap의 Sass 및 JavaScript를 설치하고 관리할 수도 있습니다 .

composer require twbs/bootstrap:4.6.2

누겟

.NET에서 개발하는 경우 NuGet 을 사용하여 Bootstrap의 CSS 또는 Sass 및 JavaScript를 설치하고 관리할 수도 있습니다 .

Install-Package bootstrap
Install-Package bootstrap.sass