in English

Download

Soo deji Bootstrap si aad u hesho CSS-ga la soo ururiyey iyo JavaScript, koodka isha, ama ku dar maareeyayaasha xirmada aad jeceshahay sida npm, RubyGems, iyo in ka badan.

Boggan

CSS iyo JS la soo ururiyey

Soo deji kood diyaarsan in la isticmaalo oo loogu talagalay Bootstrap v5.1.3 si aad si fudud ugu dhex gasho mashruucaaga, oo ay ku jiraan:

Xidhmooyin CSS la soo ururiyey oo la yareeyey (eeg isbarbardhigga faylasha CSS )
Isku-dubbaridyada JavaScript la soo ururiyey oo la yareeyey (eeg isbarbardhigga faylasha JS )

Tan kuma jiraan dukumeenti, faylasha isha, ama ku tiirsanaanta JavaScript kasta oo ikhtiyaari ah sida Popper.

Download

Xigasho galalka

Ku soo ururi Bootstrap dhuumaha hantidaada adiga oo soo dejinaya ishayada Sass, JavaScript, iyo faylalka dukumentiga. Doorashadani waxay u baahan tahay qalab dheeraad ah:

Sass compiler si loogu ururiyo faylalka isha Sass ee faylasha CSS
Autoprefixer ee CSS horgalaha horgalayaasha

Haddii aad u baahato qalab-dhis oo dhamaystiran , waxay ku jiraan horumarinta Bootstrap iyo dukumeentiyadiisa, laakiin waxay u badan tahay inaanay ku habboonayn ujeedooyinkaaga.

Soo deji isha

Tusaalooyinka

Haddii aad rabto inaad soo dejiso oo aad eegto tusaalayaashayada , waxaad soo qaadan kartaa tusaalooyinkii hore loo dhisay:

Soo deji Tusaalooyinka

CDN iyada oo loo marayo jsDelivr

Ku bood soo dejinta jsDelivr si aad u keento nooca kaydsan ee Bootstrap's CSS iyo JS ee mashruucaaga.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

Haddii aad isticmaalayso JavaScript-kayaga la soo ururiyey oo aad door bidayso inaad ku darto Popper si gaar ah, ku dar Popper ka hor JS-keena, adigoo isticmaalaya CDN la doorbidayo.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

Maamulayaasha xirmada

U soo jiid faylalka isha Bootstrap ku dhawaad mashruuc kasta oo leh qaar ka mid ah maareeyayaasha xirmooyinka ugu caansan. Dhib malaha maareeyaha xirmada, Bootstrap wuxuu u baahan doonaa sass compiler iyo Autoprefixer si loo habeeyo u dhigma noocyadayada rasmiga ah ee la soo ururiyey.

npm

Ku rakib Bootstrap abkaaga ku shaqeeya Node.js ee wata xirmada npm :

npm install bootstrap

const bootstrap = require('bootstrap')ama import bootstrap from 'bootstrap'waxay ku shubi doontaa dhammaan fiilooyinka Bootstrap bootstrapshay. Qalabka bootstraplaftiisa ayaa dhoofiya dhammaan pluginsyadayada. Waxaad si gaar ah gacanta ugu shuban kartaa Bootstrap's plugins adiga oo ku shubaya /js/dist/*.jsfaylalka hoos yimaada tusaha heerka sare ee xirmada.

Bootstrap's package.jsonwuxuu ka kooban yahay xog badan oo dheeraad ah oo hoos yimaada furayaasha soo socda:

sass- Jidka Bootstrap's faylka isha ugu weyn ee Sass
style- Jidka loo maro Bootstrap's CSS-ka aan la yarayn ee horay loo soo ururiyay iyadoo la adeegsanayo jaangooyooyinka caadiga ah (wax habayn lahayn)

Ku bilow Bootstrap adigoo isticmaalaya npm mashruuceena bilawga ah! Madaxa twbs/bootstrap-npm-starter template repository si aad u aragto sida loo dhiso oo loo habeeyo Bootstrap mashruucaaga npm. Waxaa ku jira isku-duwaha Sass, Autoprefixer, Stylelint, PurgeCSS, iyo Astaamaha Bootstrap.

dunta

Ku rakib Bootstrap abkaaga ku shaqeeya Node.js ee wata xidhmada dunta :

yarn add bootstrap

RubyGems

Ku rakib Bootstrap abka Ruby adiga oo isticmaalaya Bundler ( lagu taliyay ) iyo RubyGems adiga oo ku daraya xariiqan soo socota kaaga Gemfile:

gem 'bootstrap', '~> 5.1.3'

Haddii kale, haddii aadan isticmaalin Bundler, waxaad ku rakibi kartaa dhagaxa adiga oo socodsiinaya amarkan:

gem install bootstrap -v 5.1.3

Faahfaahin dheeraad ah ka eeg GEm's README

Laxanka

Waxa kale oo aad ku rakibi kartaa oo maamuli kartaa Bootstrap's Sass iyo JavaScript adoo isticmaalaya laxanka :

composer require twbs/bootstrap:5.1.3

NuGet

Haddii aad ka horumarto NET, waxaad sidoo kale ku rakibi kartaa oo aad maamuli kartaa Bootstrap's CSS ama Sass iyo JavaScript adoo isticmaalaya NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass