Prenesi

Prevedel CSS in JS

Prenesite pripravljeno za uporabo prevedeno kodo za Bootstrap v5.0.2 , 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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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.0.2'

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

gem install bootstrap -v 5.0.2

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

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