Pakua

Pakua Bootstrap ili upate CSS iliyokusanywa na JavaScript, msimbo wa chanzo, au uijumuishe pamoja na wasimamizi wa vifurushi unavyopenda kama vile npm, RubyGems, na zaidi.

Katika ukurasa huu

Imekusanywa CSS na JS

Pakua msimbo uliokusanywa tayari kutumia wa Bootstrap v5.2.1 ili uingie kwa urahisi kwenye mradi wako, unaojumuisha:

Vifurushi vya CSS vilivyokusanywa na kupunguzwa (angalia ulinganisho wa faili za CSS )
Programu jalizi za JavaScript zilizokusanywa na kupunguzwa (angalia ulinganisho wa faili za JS )

Hii haijumuishi hati, faili chanzo, au vitegemezi vyovyote vya hiari vya JavaScript kama vile Popper.

Pakua

Chanzo faili

Kusanya Bootstrap na bomba la mali yako mwenyewe kwa kupakua chanzo chetu cha Sass, JavaScript, na faili za hati. Chaguo hili linahitaji zana zingine za ziada:

Mkusanyaji wa Sass wa kuandaa faili chanzo cha Sass katika faili za CSS
Kiambishi kiambishi otomatiki cha kiambishi awali cha muuzaji wa CSS

Ukihitaji seti yetu kamili ya zana za ujenzi , zimejumuishwa kwa ajili ya kutengeneza Bootstrap na hati zake, lakini huenda hazifai kwa madhumuni yako mwenyewe.

Pakua chanzo

Mifano

Ikiwa ungependa kupakua na kuchunguza mifano yetu , unaweza kunyakua mifano iliyojengwa tayari:

Pakua Mifano

CDN kupitia jsDelivr

Ruka upakuaji na jsDelivr ili kutoa toleo lililohifadhiwa la CSS na JS iliyokusanywa ya Bootstrap kwenye mradi wako.

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

Ikiwa unatumia JavaScript yetu iliyokusanywa na unapendelea kujumuisha Popper kando, ongeza Popper kabla ya JS yetu, kupitia CDN ikiwezekana.

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

Wasimamizi wa vifurushi

Vuta faili za chanzo za Bootstrap kwenye karibu mradi wowote na baadhi ya wasimamizi maarufu wa vifurushi. Bila kujali kidhibiti kifurushi, Bootstrap itahitaji mkusanyaji wa Sass na Kiambishi Kiotomatiki kwa usanidi unaolingana na matoleo yetu rasmi yaliyokusanywa.

npm

Sakinisha Bootstrap katika programu zako zinazoendeshwa na Node.js na kifurushi cha npm :

npm install [email protected]

const bootstrap = require('bootstrap')au import bootstrap from 'bootstrap'itapakia programu-jalizi zote za Bootstrap kwenye bootstrapkitu. Moduli bootstrapyenyewe inasafirisha programu-jalizi zetu zote. Unaweza kupakia programu-jalizi za Bootstrap kibinafsi kwa kupakia /js/dist/*.jsfaili chini ya saraka ya kiwango cha juu cha kifurushi.

Bootstrap's package.jsonina metadata ya ziada chini ya funguo zifuatazo:

sass- njia ya faili kuu ya chanzo cha Bootstrap ya Sass
style- njia ya CSS isiyo na minified ya Bootstrap ambayo imeundwa kwa kutumia mipangilio chaguo-msingi (hakuna ubinafsishaji)

Anza na Bootstrap kupitia npm na mradi wetu wa kuanzisha! Nenda kwenye hazina ya kiolezo cha twbs/bootstrap-npm-starter ili kuona jinsi ya kuunda na kubinafsisha Bootstrap katika mradi wako wa npm. Inajumuisha mkusanyaji wa Sass, Kiambishi Kiotomatiki, Stylelint, PurgeCSS, na Aikoni za Bootstrap.

uzi

Sakinisha Bootstrap katika programu zako zinazoendeshwa na Node.js na kifurushi cha uzi :

yarn add [email protected]

RubyGems

Sakinisha Bootstrap katika programu zako za Ruby kwa kutumia Bundler ( ilipendekeza ) na RubyGems kwa kuongeza laini ifuatayo kwenye yako Gemfile:

gem 'bootstrap', '~> 5.2.1'

Vinginevyo, ikiwa hutumii Bundler, unaweza kusakinisha vito kwa kutekeleza amri hii:

gem install bootstrap -v 5.2.1

Tazama README ya gem kwa maelezo zaidi.

Mtunzi

Unaweza pia kusakinisha na kudhibiti Sass ya Bootstrap na JavaScript kwa kutumia Composer :

composer require twbs/bootstrap:5.2.1

NuGet

Ukitengeneza katika .NET Framework, unaweza pia kusakinisha na kudhibiti CSS ya Bootstrap au Sass na JavaScript kwa kutumia NuGet . Miradi mpya zaidi inapaswa kutumia libman au njia nyingine kwani NuGet imeundwa kwa nambari iliyokusanywa, sio mali ya mbele.

Install-Package bootstrap

Install-Package bootstrap.sass