Shkarko
Shkarkoni Bootstrap për të marrë CSS dhe JavaScript të përpiluar, kodin burimor, ose përfshijeni atë me menaxherët tuaj të preferuar të paketave si npm, RubyGems dhe më shumë.
Përpiluar CSS dhe JS
Shkarkoni kodin e përpiluar të gatshëm për përdorim për Bootstrap v5.0.2 për t'u futur lehtësisht në projektin tuaj, i cili përfshin:
- Kompiluar dhe minuar paketat CSS (shih krahasimin e skedarëve CSS )
- Shtojcat e përpiluara dhe të minimizuara JavaScript (shih krahasimin e skedarëve JS )
Kjo nuk përfshin dokumentacionin, skedarët burimor ose ndonjë varësi opsionale JavaScript si Popper.
Skedarët burimor
Përpiloni Bootstrap me tubacionin tuaj të aseteve duke shkarkuar burimin tonë Sass, JavaScript dhe skedarët e dokumentacionit. Ky opsion kërkon disa mjete shtesë:
- Përpiluesi Sass për përpilimin e skedarëve burimor Sass në skedarë CSS
- Parafiksuesi automatik për parashtesimin e shitësit CSS
Nëse keni nevojë për grupin tonë të plotë të mjeteve të ndërtimit , ato përfshihen për zhvillimin e Bootstrap dhe dokumenteve të tij, por ka të ngjarë të jenë të papërshtatshme për qëllimet tuaja.
Shembuj
Nëse dëshironi të shkarkoni dhe ekzaminoni shembujt tanë , mund të kapni shembujt e ndërtuar tashmë:
CDN përmes jsDelivr
Kapërceni shkarkimin me jsDelivr për të ofruar versionin e memorizuar të CSS dhe JS të përpiluar të Bootstrap në projektin tuaj.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
Nëse po përdorni JavaScript-in tonë të përpiluar dhe preferoni të përfshini Popper veçmas, shtoni Popper përpara JS-së tonë, mundësisht përmes një CDN.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
Menaxherët e paketave
Tërhiqni skedarët burimor të Bootstrap në pothuajse çdo projekt me disa nga menaxherët më të njohur të paketave. Pavarësisht nga menaxheri i paketave, Bootstrap do të kërkojë një përpilues Sass dhe Autoprefiksues për një konfigurim që përputhet me versionet tona zyrtare të përpiluara.
npm
Instaloni Bootstrap në aplikacionet tuaja të fuqizuara Node.js me paketën npm :
npm install bootstrap
const bootstrap = require('bootstrap')ose import bootstrap from 'bootstrap'do të ngarkojë të gjitha shtojcat e Bootstrap në një bootstrapobjekt. Vetë bootstrapmoduli eksporton të gjitha shtojcat tona. Ju mund t'i ngarkoni manualisht shtojcat e Bootstrap individualisht duke ngarkuar /js/dist/*.jsskedarët nën drejtorinë e nivelit të lartë të paketës.
Bootstrap package.jsonpërmban disa meta të dhëna shtesë nën çelësat e mëposhtëm:
sass- rruga drejt skedarit burimor kryesor Sass të Bootstrapstyle- shtegu drejt CSS-së së paminifikuar të Bootstrap që është parapërpiluar duke përdorur cilësimet e paracaktuara (pa personalizim)
fije
Instaloni Bootstrap në aplikacionet tuaja të fuqizuara Node.js me paketën e fijeve :
yarn add bootstrap
RubyGems
Instaloni Bootstrap në aplikacionet tuaja Ruby duke përdorur Bundler ( rekomandohet ) dhe RubyGems duke shtuar rreshtin e mëposhtëm në aplikacionin tuaj Gemfile:
gem 'bootstrap', '~> 5.0.2'
Përndryshe, nëse nuk jeni duke përdorur Bundler, mund ta instaloni gurin duke ekzekutuar këtë komandë:
gem install bootstrap -v 5.0.2
Shikoni README të perlës për detaje të mëtejshme.
Kompozitor
Ju gjithashtu mund të instaloni dhe menaxhoni Sass dhe JavaScript të Bootstrap duke përdorur Composer :
composer require twbs/bootstrap:5.0.2
NuGet
Nëse zhvilloni në .NET, mund të instaloni dhe menaxhoni gjithashtu CSS ose Sass dhe JavaScript të Bootstrap duke përdorur NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass