Gba lati ayelujara
Ṣe igbasilẹ Bootstrap lati gba CSS ti a kojọpọ ati JavaScript, koodu orisun, tabi pẹlu pẹlu awọn oluṣakoso package ayanfẹ rẹ bii npm, RubyGems, ati diẹ sii.
Akojọ CSS ati JS
Ṣe igbasilẹ koodu ti o ṣetan-lati-lo fun Bootstrap v5.1.3 lati ni irọrun ju silẹ sinu iṣẹ akanṣe rẹ, eyiti o pẹlu:
- Iṣakojọpọ ati awọn idii CSS ti o dinku (wo afiwe awọn faili CSS )
- Iṣakojọpọ ati awọn afikun JavaScript ti o dinku (wo afiwe awọn faili JS )
Eyi ko pẹlu iwe, awọn faili orisun, tabi eyikeyi awọn igbẹkẹle JavaScript yiyan bi Popper.
Awọn faili orisun
Ṣe akopọ Bootstrap pẹlu opo gigun ti epo dukia tirẹ nipa gbigba orisun Sass wa, JavaScript, ati awọn faili iwe. Aṣayan yii nilo awọn irinṣẹ afikun:
- Sass alakojo fun ikojọpọ Sass orisun awọn faili sinu CSS awọn faili
- Autoprefixer fun CSS olùtajà ìpele
Ti o ba nilo eto awọn irinṣẹ kikọ wa ni kikun , wọn wa fun idagbasoke Bootstrap ati awọn iwe aṣẹ rẹ, ṣugbọn wọn ṣee ṣe ko yẹ fun awọn idi tirẹ.
Awọn apẹẹrẹ
Ti o ba fẹ ṣe igbasilẹ ati ṣayẹwo awọn apẹẹrẹ wa , o le gba awọn apẹẹrẹ ti a ti kọ tẹlẹ:
CDN nipasẹ jsDelivr
Rekọja igbasilẹ pẹlu jsDelivr lati ṣafipamọ ẹya cache ti Bootstrap's CSS ti a ṣajọpọ ati JS si iṣẹ akanṣe rẹ.
<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>
Ti o ba nlo JavaScript ti a ṣakopọ wa ti o fẹ lati pẹlu Popper lọtọ, ṣafikun Popper ṣaaju JS wa, nipasẹ CDN kan ni pataki.
<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 alakoso
Fa awọn faili orisun Bootstrap sinu fere eyikeyi iṣẹ akanṣe pẹlu diẹ ninu awọn oluṣakoso package olokiki julọ. Laibikita oluṣakoso package, Bootstrap yoo nilo olupilẹṣẹ Sass kan ati Autoprefixer fun iṣeto ti o baamu awọn ẹya ti a ṣajọpọ osise wa.
npm
Fi Bootstrap sori ẹrọ ni awọn ohun elo agbara Node.js rẹ pẹlu package npm :
npm install bootstrap
const bootstrap = require('bootstrap')
tabi import bootstrap from 'bootstrap'
yoo gbe gbogbo awọn afikun Bootstrap sori bootstrap
ohun kan. Awọn bootstrap
module ara okeere gbogbo awọn ti wa afikun. O le fi ọwọ gbe awọn afikun Bootstrap lọkọọkan nipa ikojọpọ awọn /js/dist/*.js
faili labẹ itọsọna ipele-oke ti package.
Bootstrap's package.json
ni diẹ ninu awọn afikun metadata labẹ awọn bọtini wọnyi:
sass
- ọna si faili orisun Sass akọkọ Bootstrapstyle
- ọna si Bootstrap ti kii ṣe minimini CSS ti o ti ṣajọ tẹlẹ nipa lilo awọn eto aiyipada (ko si isọdi)
owu
Fi Bootstrap sori ẹrọ ni awọn ohun elo agbara Node.js rẹ pẹlu package owu :
yarn add bootstrap
RubyGems
Fi Bootstrap sori awọn ohun elo Ruby rẹ nipa lilo Bundler ( ti a ṣe iṣeduro ) ati RubyGems nipa fifi laini atẹle si rẹ Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Ni omiiran, ti o ko ba lo Bundler, o le fi fadaka sii nipa ṣiṣe aṣẹ yii:
gem install bootstrap -v 5.1.3
Wo olowoiyebiye's README fun awọn alaye siwaju sii.
Olupilẹṣẹ
O tun le fi sori ẹrọ ati ṣakoso Bootstrap's Sass ati JavaScript nipa lilo Olupilẹṣẹ :
composer require twbs/bootstrap:5.1.3
NuGet
Ti o ba dagbasoke ni .NET, o tun le fi sii ati ṣakoso Bootstrap's CSS tabi Sass ati JavaScript nipa lilo NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass