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.
CSS iyo JS la soo ururiyey
Soo deji kood diyaarsan in la isticmaalo oo loogu talagalay Bootstrap v5.0.2 si aad si fudud ugu dhex gasho mashruucaaga, oo ay ku jiraan:
- Xidhmooyin CSS la soo ururiyey oo la yareeyey (eeg isbarbardhigga faylasha CSS )
- La soo ururiyey oo la yareeyey plugins JavaScript (eeg isbarbardhigga faylasha JS )
Tan kuma jiraan dukumeenti, faylasha isha, ama ku tiirsanaanta JavaScript kasta oo ikhtiyaari ah sida Popper.
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.
Tusaalooyinka
Haddii aad rabto inaad soo dejiso oo aad eegto tusaalayaashayada , waxaad soo qaadan kartaa tusaalooyinkii hore loo dhisay:
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-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>
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-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>
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 bootstrap
shay. Qalabka bootstrap
laftiisa ayaa dhoofiya dhammaan pluginsyadayada. Waxaad si gaar ah gacanta ugu shuban kartaa Bootstrap's plugins adiga oo ku shubaya /js/dist/*.js
faylalka hoos yimaada tusaha heerka sare ee xirmada.
Bootstrap's package.json
wuxuu ka kooban yahay xog badan oo dheeraad ah oo hoos yimaada furayaasha soo socda:
sass
- Jidka Bootstrap's faylka isha ugu weyn ee Sassstyle
- Jidka loo maro Bootstrap's CSS-ka aan la yarayn ee horay loo soo ururiyay iyadoo la adeegsanayo jaangooyooyinka caadiga ah (wax habayn lahayn)
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.0.2'
Haddii kale, haddii aadan isticmaalin Bundler, waxaad ku rakibi kartaa dhagaxa adiga oo socodsiinaya amarkan:
gem install bootstrap -v 5.0.2
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.0.2
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