Hee ɖa anyi
Wɔ Bootstrap ƒe kɔpi be nàxɔ CSS kple JavaScript siwo woƒo ƒu, source code, alo nàtsɔe akpe ɖe package manager siwo nèlɔ̃na wu abe npm, RubyGems, kple bubuwo ŋu.
Woƒo CSS kple JS nu ƒu
Wɔ Bootstrap v5.0.2 ƒe kɔpi siwo woƒo ƒu si sɔ na zazã ƒe kɔpi be nàge ɖe wò dɔa me bɔbɔe, si me:
- Woƒo CSS ƒe bablawo nu ƒu eye woɖe wo dzi kpɔtɔ (kpɔ CSS faɛlwo tsɔtsɔ sɔ kple wo nɔewo ) .
- JavaScript ƒe kpeɖeŋutɔ siwo woƒo ƒu eye woɖe wo dzi kpɔtɔ (kpɔ JS faɛlwo tsɔtsɔ sɔ kple wo nɔewo ) .
Esia melɔ nuŋlɔɖiwo, dzɔtsoƒe faɛlwo, alo JavaScript ƒe nusiwo dzi woanɔ te ɖo le tiatia me abe Popper ene ɖe eme o.
Dzɔtsoƒe ƒe faɛlwo
Ƒo Bootstrap nu ƒu kple wò ŋutɔ wò nunɔamesiwo ƒe mɔ̃ to míaƒe dzɔtsoƒe Sass, JavaScript, kple nuŋlɔɖi faɛlwo ƒe kɔpiwɔwɔ me. Tiatia sia bia dɔwɔnu bubu aɖewo kpee:
- Sass nuƒoƒoƒula na Sass dzɔtsoƒe faɛlwo nuƒoƒoƒu ɖe CSS faɛlwo me
- Autoprefixer na CSS nudzrala ƒe ŋgɔdonya
Should you require our full set of build tools , wole eme hena Bootstrap kple eƒe docs wɔwɔ, gake anɔ eme be womesɔ na wò ŋutɔ wò taɖodzinuwo o.
Kpɔɖeŋuwo
Ne èdi be yeawɔ míaƒe kpɔɖeŋuwo ƒe kɔpi ahadzro wo me la , àte ŋu alé kpɔɖeŋu siwo wotu xoxo la ɖe asi:
CDN to jsDelivr dzi
Trɔ asi le kɔpiwɔwɔa ŋu kple jsDelivr be nàtsɔ Bootstrap ƒe CSS kple JS si woƒo ƒu ƒe akpa si wodzra ɖo ɖe wò dɔa me la ayi na wò dɔa.
<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>
Ne èle míaƒe JavaScript si míeƒo ƒu la zãm eye nèdi be yeade Popper ɖe vovo la, tsɔ Popper kpe ɖe míaƒe JS ŋu, to CDN dzi anyo wu.
<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>
Package dzikpɔlawo
He Bootstrap ƒe dzɔtsoƒe faɛlwo ɖe dɔ ɖesiaɖe kloe me kple package dzikpɔla xɔŋkɔ aɖewo. Eɖanye package manager kae o, Bootstrap abia Sass compiler kple Autoprefixer na ɖoɖo si sɔ kple míaƒe official compiled versions.
npm
De Bootstrap ɖe wò Node.js ŋusẽ dɔwɔɖoɖowo me kple npm package :
npm install bootstrap
const bootstrap = require('bootstrap')
alo import bootstrap from 'bootstrap'
atsɔ Bootstrap ƒe plugins katã ade bootstrap
nu aɖe dzi. Module bootstrap
la ŋutɔ ɖoa míaƒe plugins katã ɖe duta. Àteŋu atsɔ asi akɔ Bootstrap ƒe kpeɖeŋutɔawo ɖekaɖeka to /js/dist/*.js
faɛl siwo le agbalẽvi la ƒe nyatakakadzraɖoƒe si le ɖoƒe kɔkɔtɔ te la dede me.
Bootstrap ƒe package.json
metadata bubu aɖewo le safui siwo gbɔna te:
sass
- mɔ si yi Bootstrap ƒe Sass dzɔtsoƒe faɛl vevitɔ gbɔstyle
- mɔ si yi Bootstrap ƒe CSS si womeɖe ɖe vovo o si woƒo ƒu do ŋgɔ to ɖoɖo gbãtɔwo zazã me (womewɔ tɔtrɔ aɖeke le eŋu o)
ka si wotsɔna ƒoa ka
De Bootstrap ɖe wò Node.js ŋusẽ dɔwɔɖoɖowo me kple yarn package :
yarn add bootstrap
RubyKpekpemewo
De Bootstrap ɖe wò Ruby dɔwɔɖoɖowo me to Bundler ( wokafui ) kple RubyGems zazã me to fli si gbɔna tsɔtsɔ kpe ɖe wò Gemfile
:
gem 'bootstrap', '~> 5.0.2'
Alo, ne mèle Bundler zãm o la, àteŋu aɖo kpe xɔasi la ɖe wò kɔmpiuta dzi to sedede sia zazã me:
gem install bootstrap -v 5.0.2
Kpɔ kpe xɔasi la ƒe README hena numeɖeɖe bubuwo.
Hakpanyaŋlɔla
Àteŋu aɖo Bootstrap ƒe Sass kple JavaScript hã ɖe wò kɔmpiuta dzi ahakpɔ edzi to Composer zazã me :
composer require twbs/bootstrap:5.0.2
NuGet ƒe
Ne èwɔ ŋgɔyiyi le .NET me la, àteŋu aɖo Bootstrap ƒe CSS alo Sass kple JavaScript hã ɖe wò kɔmpiuta dzi ahakpɔ edzi to NuGet zazã me :
Install-Package bootstrap
Install-Package bootstrap.sass