DOWNLOAD
Ampidino ny Bootstrap mba hahazoana ny CSS sy JavaScript natambatra, kaody loharano, na ampidiro miaraka amin'ireo mpitantana fonosana tianao indrindra toa ny npm, RubyGems, sy ny maro hafa.
CSS sy JS natambatra
Misintona kaody voaangona efa vonona ho an'ny Bootstrap v5.1.3 mba hampidirana mora foana ao amin'ny tetikasanao, izay ahitana:
- Amboara CSS natambatra sy nohamafisina (jereo fampitahana rakitra CSS )
- Plugins JavaScript natambatra sy nohamafisina (jereo ny fampitahana rakitra JS )
Tsy tafiditra ao anatin'izany ny antontan-taratasy, fisie loharano, na miankina amin'ny JavaScript toy ny Popper.
rakitra loharano
Manangona Bootstrap miaraka amin'ny fantsom-panananao manokana amin'ny alàlan'ny fampidinana ny loharano Sass, JavaScript, ary antontan-taratasy. Ity safidy ity dia mitaky fitaovana fanampiny:
- Sass compiler amin'ny fanangonana rakitra loharano Sass ho rakitra CSS
- Autoprefixer ho an'ny prefixing mpivarotra CSS
Raha toa ka mitaky fitaovana fananganana feno izahay , dia ampidirina amin'ny famolavolana Bootstrap sy ny antontan-taratasy misy azy ireo, saingy mety tsy mety amin'ny tanjonao manokana.
OHATRA
Raha te-hisintona sy handinika ny ohatranay ianao dia azonao alaina ireo ohatra efa namboarina:
CDN amin'ny jsDelivr
Tsidiho ny fampidinana miaraka amin'ny jsDelivr mba handefasana dikan-teny voatahiry amin'ny CSS sy JS voaangona Bootstrap amin'ny tetikasanao.
<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>
Raha mampiasa JavaScript voaangonay ianao ary aleonao mampiditra an'i Popper misaraka, ampio ny Popper alohan'ny JS, amin'ny alàlan'ny CDN tsara kokoa.
<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>
Mpitantana fonosana
Safidio ny rakitra loharanon'i Bootstrap saika amin'ny tetikasa rehetra miaraka amin'ireo mpitantana fonosana malaza indrindra. Na inona na inona mpitantana ny fonosana, Bootstrap dia mitaky Sass compiler sy Autoprefixer ho an'ny fananganana mifanaraka amin'ny dikan-tsarimihetsika ofisialy.
npm
Ampidiro ny Bootstrap ao amin'ny fampiharana Node.js miaraka amin'ny fonosana npm :
npm install bootstrap
const bootstrap = require('bootstrap')
na import bootstrap from 'bootstrap'
hampiditra ny plugins Bootstrap rehetra amin'ny bootstrap
zavatra iray. Ny bootstrap
module mihitsy no manondrana ny plugins rehetra. Azonao atao ny mametaka ny plugins Bootstrap tsirairay amin'ny alàlan'ny fametahana ireo /js/dist/*.js
rakitra eo ambanin'ny lahatahiry ambony indrindra amin'ny fonosana.
Ny Bootstrap dia package.json
misy metadata fanampiny eo ambanin'ireto fanalahidy manaraka ireto:
sass
- lalana mankany amin'ny rakitra loharano Sass lehibe an'ny Bootstrapstyle
- lalana mankany amin'ny CSS tsy nohamafisina an'i Bootstrap izay efa natambatra tamin'ny alàlan'ny filaharana default (tsy misy fanamboarana)
kofehy
Ampidiro ao amin'ny fampiharana Node.js ny Bootstrap miaraka amin'ny fonosana yarn :
yarn add bootstrap
RubyGems
Ampidiro ny Bootstrap amin'ny fampiharana Ruby anao amin'ny fampiasana Bundler ( recommended ) sy RubyGems amin'ny fampidirana ity andalana manaraka ity amin'ny anao Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Raha tsy izany, raha tsy mampiasa Bundler ianao dia azonao atao ny mametraka ny vatosoa amin'ny alàlan'ny fampandehanana ity baiko ity:
gem install bootstrap -v 5.1.3
Jereo ny README an'ny vatosoa raha mila fanazavana fanampiny.
mpamoron-kira
Azonao atao koa ny mametraka sy mitantana ny Sass sy JavaScript an'ny Bootstrap amin'ny fampiasana Composer :
composer require twbs/bootstrap:5.1.3
NuGet
Raha mivelatra amin'ny .NET ianao dia azonao atao koa ny mametraka sy mitantana ny CSS na Sass sy JavaScript an'ny Bootstrap amin'ny fampiasana NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass