Hee ɖa anyi

Woƒo CSS kple JS nu ƒu

Wɔ Bootstrap v5.1.3 ƒ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.

Hee ɖa anyi

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.

Download dzɔtsoƒe

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:

Kpɔ Kpɔɖeŋuwo ƒe Kɔpi

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

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

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 bootstrapnu aɖe dzi. Module bootstrapla ŋ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/*.jsfaɛl siwo le agbalẽvi la ƒe nyatakakadzraɖoƒe si le ɖoƒe kɔkɔtɔ te la dede me.

Bootstrap ƒe package.jsonmetadata 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.1.3'

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

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

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