La'u mai
Download Bootstrap e maua ai le CSS tuʻufaʻatasia ma le JavaScript, code source, pe faʻapipiʻi i au pule pusa e sili ona e fiafia i ai e pei o le npm, RubyGems, ma isi mea.
CSS ma JS tuufaatasia
La'u maia le code tu'ufa'atasia ua saunia mo le Bootstrap v4.6.2 ina ia faigofie ona tu'u i lau poloketi, lea e aofia ai:
- Fa'atasi ma fa'aitiitiga fusipa'u CSS (va'ai fa'atusatusaga faila CSS )
- Fa'aopoopo ma fa'aitiitiga fa'apipi'i JavaScript (silasila i le fa'atusatusaga o faila JS )
E le aofia ai faʻamaumauga, faila faila, poʻo soʻo se faʻalagolago i le JavaScript (jQuery ma Popper).
Punavai faila
Fa'atasia le Bootstrap i lau oe lava aseta paipa e ala i le siiina mai o la matou puna Sass, JavaScript, ma faila faila. O lenei filifiliga e manaʻomia ai nisi meafaigaluega faʻaopoopo:
- Sass compiler mo le tuʻufaʻatasia o faila puna a Sass i faila CSS
- Autoprefixer mo CSS fa'atau muamua
Afai e te manaʻomia a matou seti atoa o mea faigaluega faufale , e aofia ai mo le atinaʻeina o Bootstrap ma ona faʻamaumauga, ae e foliga mai e le talafeagai mo ou lava faʻamoemoega.
Faataitaiga
Afai e te manaʻo e sii mai ma suʻesuʻe a matou faʻataʻitaʻiga , e mafai ona e puʻeina faʻataʻitaʻiga ua uma ona fausia:
jsDelivr
Fa'ase'e le download ma le jsDelivr e tu'u atu ai le kopi o le CSS tu'ufa'atasi a Bootstrap ma le JS i lau poloketi.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
Afai o loʻo e faʻaogaina la matou JavaScript tuʻufaʻatasia ma e te manaʻo e tuʻu ese le Popper, faʻaopoopo le Popper i luma o le matou JS, e ala i le CDN sili.
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
Pule o afifi
Toso i totonu faila faila a Bootstrap i toetoe lava o soʻo se poloketi ma nisi o pule sili ona lauiloa. Po o le a lava le pule o pusa, Bootstrap o le a manaʻomia se Sass compiler ma Autoprefixer mo se seti e fetaui ma a tatou lomiga tuʻufaʻatasia aloaia.
npm
Faʻapipiʻi le Bootstrap i lau Node.js faʻamalosia polokalama faʻatasi ma le npm package :
npm install bootstrap
require('bootstrap')
o le a la'u uma ia Bootstrap's jQuery plugins i luga o le mea jQuery. O le bootstrap
module lava ia e le auina atu i fafo se mea. E mafai ona e utaina ma le lima ia Bootstrap's jQuery plugins ta'ito'atasi e ala i le utaina o /js/*.js
faila i lalo o le lisi pito i luga o le afifi.
Bootstrap o package.json
loʻo i ai nisi metadata faaopoopo i lalo o ki nei:
sass
- ala ile faila autu Sass a Bootstrapstyle
- auala i le CSS e le faʻaititia a Bootstrap lea na faʻapipiʻiina muamua i le faʻaogaina o tulaga faʻaletonu (leai se faʻasologa)
vulu
Fa'apipi'i le Bootstrap i lau Node.js fa'aogaina polokalame fa'atasi ma le afifi vulu :
yarn add bootstrap
RubyGems
Faʻapipiʻi le Bootstrap i lau Ruby apps e faʻaaoga ai le Bundler ( fautuaina ) ma RubyGems e ala i le faʻaopoopoina o le laina lea i lau Gemfile
:
gem 'bootstrap', '~> 4.6.2'
I le isi itu, afai e te le o faʻaogaina le Bundler, e mafai ona e faʻapipiʻi le maa e ala i le faʻatinoina o lenei poloaiga:
gem install bootstrap -v 4.6.2
Va'ai le README a le gem mo nisi fa'amatalaga.
Fai pese
E mafai foi ona e faʻapipiʻi ma pulea le Bootstrap's Sass ma le JavaScript e faʻaaoga ai le Composer :
composer require twbs/bootstrap:4.6.2
NuGet
Afai e te atiaʻe ile .NET, e mafai foʻi ona e faʻapipiʻi ma pulea Bootstrap's CSS poʻo Sass ma JavaScript e faʻaaoga ai NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass