Prenesi

Prevedel CSS in JS

Prenesite pripravljeno za uporabo prevedeno kodo za Bootstrap v5.1.3 , da jo preprosto vključite v svoj projekt, ki vključuje:

• Prevedeni in zmanjšani paketi CSS (glejte primerjavo datotek CSS )
• Prevedeni in pomanjšani vtičniki JavaScript (glejte primerjavo datotek JS )

To ne vključuje dokumentacije, izvornih datotek ali izbirnih odvisnosti JavaScripta, kot je Popper.

Prenesi

Izvorne datoteke

Prenesite Bootstrap s svojim lastnim cevovodom sredstev, tako da prenesete naše izvorne datoteke Sass, JavaScript in dokumentacijo. Ta možnost zahteva nekaj dodatnega orodja:

• Prevajalnik Sass za prevajanje izvornih datotek Sass v datoteke CSS
• Samodejna predpona za predpono prodajalca CSS

Če potrebujete naš celoten nabor orodij za gradnjo , so vključena za razvoj programa Bootstrap in njegovih dokumentov, vendar verjetno niso primerna za vaše namene.

Vir prenosa

Primeri

Če želite prenesti in pregledati naše primere , lahko zgrabite že izdelane primere:

Prenesite primere

CDN prek jsDelivr

Preskočite prenos z jsDelivr , da svojemu projektu zagotovite predpomnjeno različico Bootstrapovega prevedenega CSS in JS.

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

Če uporabljate naš prevedeni JavaScript in želite Popper vključiti ločeno, dodajte Popper pred naš JS, po možnosti prek CDN.

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

Upravljavci paketov

Vnesite izvorne datoteke Bootstrapa v skoraj vsak projekt z nekaterimi najbolj priljubljenimi upravitelji paketov. Ne glede na upravitelja paketov bo Bootstrap zahteval prevajalnik Sass in Autoprefixer za nastavitev, ki se ujema z našimi uradnimi prevedenimi različicami.

npm

Namestite Bootstrap v svoje aplikacije, ki jih poganja Node.js, s paketom npm :

npm install bootstrap

const bootstrap = require('bootstrap')ali bo na objekt import bootstrap from 'bootstrap'naložil vse Bootstrapove vtičnike . bootstrapModul bootstrapsam izvozi vse naše vtičnike. Bootstrapove vtičnike lahko ročno naložite posamično, tako da naložite /js/dist/*.jsdatoteke v imenik najvišje ravni paketa.

Bootstrap package.jsonvsebuje nekaj dodatnih metapodatkov pod naslednjimi ključi:

• sass- pot do glavne izvorne datoteke Bootstrap Sass
• style- pot do neminificiranega CSS Bootstrapa, ki je bil vnaprej preveden s privzetimi nastavitvami (brez prilagajanja)

preja

Namestite Bootstrap v svoje aplikacije, ki jih poganja Node.js, s paketom yarn :

yarn add bootstrap

RubyGems

Namestite Bootstrap v svoje aplikacije Ruby z uporabo Bundlerja ( priporočeno ) in RubyGems , tako da dodate naslednjo vrstico v svoj Gemfile:

gem 'bootstrap', '~> 5.1.3'

Če pa ne uporabljate Bundlerja, lahko gem namestite tako, da zaženete ta ukaz:

gem install bootstrap -v 5.1.3

Za dodatne podrobnosti glejte README dragulja .

Skladatelj

Prav tako lahko namestite in upravljate Bootstrapov Sass in JavaScript z uporabo Composerja :

composer require twbs/bootstrap:5.1.3

NuGet

Če razvijate v .NET, lahko tudi namestite in upravljate Bootstrapov CSS ali Sass in JavaScript z NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass