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.
Pinagsama-sama ang CSS at JS
I-download ang handa-gamitin na pinagsama-samang code para sa Bootstrap v4.6.2 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 (jQuery at Popper).
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.
Mga halimbawa
Kung gusto mong i-download at suriin ang aming mga halimbawa , maaari mong kunin ang mga naitayo na halimbawa:
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 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>
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/[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>
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 bootstrap
require('bootstrap')
ilo-load ang lahat ng mga plugin ng jQuery ng Bootstrap sa object ng jQuery. Ang bootstrap
module mismo ay hindi nag-e-export ng anuman. Maaari mong manu-manong i-load ang mga plugin ng jQuery ng Bootstrap nang paisa-isa sa pamamagitan ng paglo-load ng mga /js/*.js
file sa ilalim ng nangungunang antas ng direktoryo ng package.
Naglalaman ang Bootstrap ng package.json
ilang karagdagang metadata sa ilalim ng mga sumusunod na key:
sass
- path sa pangunahing Sass source file ng Bootstrapstyle
- path sa hindi pinaliit na CSS ng Bootstrap na na-precompiled gamit ang mga default na setting (walang pag-customize)
sinulid
I-install ang Bootstrap sa iyong Node.js powered apps na may yarn package :
yarn add bootstrap
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', '~> 4.6.2'
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 4.6.2
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:4.6.2
NuGet
Kung bumuo ka sa .NET, maaari mo ring i-install at pamahalaan ang CSS o Sass at JavaScript ng Bootstrap gamit ang NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass