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.

Imekusanywa CSS na JS

Pakua msimbo uliokusanywa tayari kutumia wa Bootstrap v4.6.2 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 (jQuery na 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

jsDelivr

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

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

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

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 bootstrap

require('bootstrap')itapakia programu-jalizi zote za jQuery za Bootstrap kwenye kitu cha jQuery. Moduli bootstrapyenyewe haihamishi chochote. Unaweza kupakia kiotomatiki programu jalizi za jQuery za Bootstrap kibinafsi kwa kupakia /js/*.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 imeandaliwa 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 bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

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

NuGet

Ukitengeneza katika .NET, unaweza pia kusakinisha na kudhibiti CSS ya Bootstrap au Sass na JavaScript kwa kutumia NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass