Prenesi

Prevedel CSS in JS

Prenesite pripravljeno za uporabo prevedeno kodo za Bootstrap v5.2.1 , 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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" 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 [email protected]

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 preveden s privzetimi nastavitvami (brez prilagajanja)

preja

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

yarn add [email protected]

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.2.1'

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

gem install bootstrap -v 5.2.1

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

NuGet

Če razvijate v ogrodju .NET Framework, lahko tudi namestite in upravljate Bootstrapov CSS ali Sass in JavaScript z NuGet . Novejši projekti bi morali uporabljati libman ali drugo metodo, saj je NuGet zasnovan za prevedeno kodo, ne za sredstva vmesnega vmesnika.

Install-Package bootstrap

Install-Package bootstrap.sass