I-download

I-download ang Bootstrap para makuha ang pinagsama-samang CSS at JavaScript, source code, o isama ito sa iyong mga paboritong manager ng package tulad ng npm, RubyGems, at higit pa.

Sa pahinang ito

Pinagsama-sama ang CSS at JS

I-download ang handa-gamitin na pinagsama-samang code para sa Bootstrap v5.2.1 upang madaling i-drop sa iyong proyekto, na kinabibilangan ng:

Pinagsama at pinaliit na mga bundle ng CSS (tingnan ang paghahambing ng mga file ng CSS )
Mga pinagsama-sama at pinaliit na plugin ng JavaScript (tingnan ang paghahambing ng mga JS file )

Hindi kasama dito ang dokumentasyon, source file, o anumang opsyonal na dependency ng JavaScript tulad ng Popper.

I-download

Pinagmulan ng mga file

I-compile ang Bootstrap gamit ang sarili mong pipeline ng asset sa pamamagitan ng pag-download ng aming source na Sass, JavaScript, at mga documentation file. Ang pagpipiliang ito ay nangangailangan ng ilang karagdagang tooling:

Sass compiler para sa pag-compile ng Sass source file sa mga CSS file
Autoprefixer para sa CSS vendor prefixing

Kung kailanganin mo ang aming buong hanay ng mga tool sa pagbuo , kasama ang mga ito para sa pagbuo ng Bootstrap at mga doc nito, ngunit malamang na hindi angkop ang mga ito para sa iyong sariling mga layunin.

I-download ang pinagmulan

Mga halimbawa

Kung gusto mong i-download at suriin ang aming mga halimbawa , maaari mong kunin ang mga naitayo na halimbawa:

Mag-download ng Mga Halimbawa

CDN sa pamamagitan ng jsDelivr

Laktawan ang pag-download gamit ang jsDelivr upang maihatid ang naka-cache na bersyon ng pinagsama-samang CSS at JS ng Bootstrap sa iyong proyekto.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

Kung ginagamit mo ang aming pinagsama-samang JavaScript at mas gusto mong isama ang Popper nang hiwalay, idagdag ang Popper bago ang aming JS, sa pamamagitan ng CDN mas mabuti.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

Mga manager ng package

Hilahin ang mga source file ng Bootstrap sa halos anumang proyekto kasama ang ilan sa mga pinakasikat na manager ng package. Anuman ang manager ng package, mangangailangan ang Bootstrap ng Sass compiler at Autoprefixer para sa isang setup na tumutugma sa aming opisyal na pinagsama-samang mga bersyon.

npm

I-install ang Bootstrap sa iyong Node.js powered apps gamit ang npm package :

npm install [email protected]

const bootstrap = require('bootstrap')o import bootstrap from 'bootstrap'ilo-load ang lahat ng plugin ng Bootstrap sa isang bootstrapbagay. Ang bootstrapmodule mismo ay nag-e-export ng lahat ng aming mga plugin. Maaari mong manu-manong i-load ang mga plugin ng Bootstrap nang paisa-isa sa pamamagitan ng pag-load ng mga /js/dist/*.jsfile sa ilalim ng top-level na direktoryo ng package.

Naglalaman ang Bootstrap ng package.jsonilang karagdagang metadata sa ilalim ng mga sumusunod na key:

sass- path sa pangunahing Sass source file ng Bootstrap
style- path sa hindi pinaliit na CSS ng Bootstrap na naipon gamit ang mga default na setting (walang pag-customize)

Magsimula sa Bootstrap sa pamamagitan ng npm gamit ang aming panimulang proyekto! Pumunta sa twbs/bootstrap-npm-starter template repository para makita kung paano bumuo at mag-customize ng Bootstrap sa sarili mong npm project. May kasamang Sass compiler, Autoprefixer, Stylelint, PurgeCSS, at Bootstrap Icon.

sinulid

I-install ang Bootstrap sa iyong Node.js powered apps na may yarn package :

yarn add [email protected]

RubyGems

I-install ang Bootstrap sa iyong Ruby app gamit ang Bundler ( inirerekomenda ) at RubyGems sa pamamagitan ng pagdaragdag ng sumusunod na linya sa iyong Gemfile:

gem 'bootstrap', '~> 5.2.1'

Bilang kahalili, kung hindi ka gumagamit ng Bundler, maaari mong i-install ang hiyas sa pamamagitan ng pagpapatakbo ng command na ito:

gem install bootstrap -v 5.2.1

Tingnan ang README ng hiyas para sa karagdagang detalye.

kompositor

Maaari mo ring i-install at pamahalaan ang Bootstrap's Sass at JavaScript gamit ang Composer :

composer require twbs/bootstrap:5.2.1

NuGet

Kung bubuo ka sa .NET Framework, maaari mo ring i-install at pamahalaan ang CSS o Sass at JavaScript ng Bootstrap gamit ang NuGet . Ang mga bagong proyekto ay dapat gumamit ng libman o ibang paraan dahil ang NuGet ay idinisenyo para sa pinagsama-samang code, hindi sa mga frontend na asset.

Install-Package bootstrap

Install-Package bootstrap.sass