Source

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

Bootstrap v4.0.0 ƒ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:

Esia melɔ nuŋlɔɖiwo, dzɔtsoƒe faɛlwo, alo JavaScript ƒe nusiwo dzi woanɔ te ɖo si woate ŋu atia (jQuery kple Popper.js) ɖ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ɔɖiwo ƒe faɛlwo ƒe kɔpiwɔwɔ me. Tiatia sia bia dɔwɔnu bubu aɖewo kpee:

  • Sass nuƒoƒoƒula (wodo alɔ Libsass alo Ruby Sass) na wò CSS nuƒoƒoƒu.
  • Autoprefixer na CSS nudzrala ƒe ŋgɔdonya

Should you require build tools , wotsɔ wo kpe ɖe eŋu hena Bootstrap kple eƒe docs wɔwɔ, gake anɔ eme be womesɔ na wò ŋutɔ wò taɖodzinuwo o.

Download dzɔtsoƒe

jsDelivr ƒe agbalẽ

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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

Ne èle míaƒe JavaScript si míeƒo ƒu la zãm la, mègaŋlɔ be be yeade jQuery kple Popper.js ƒe CDN tɔtrɔwo do ŋgɔ nɛ o.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 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

require('bootstrap')atsɔ Bootstrap ƒe jQuery ƒe kpeɖeŋutɔwo katã ade jQuery nu la dzi. Module bootstrapla ŋutɔ meɖoa naneke ɖe duta o. Àteŋu atsɔ asi akɔ Bootstrap ƒe jQuery ƒe kpeɖeŋutɔawo ɖekaɖeka to /js/*.jsfaɛl siwo le akpaa ƒ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)

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', '~> 4.0.0'

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 4.0.0

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

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