Fara í aðalefni Farðu í skjalaleiðsögn
in English

Sækja

Sæktu Bootstrap til að fá saman CSS og JavaScript, frumkóðann, eða láttu það fylgja uppáhalds pakkastjórum þínum eins og npm, RubyGems og fleira.

Á þessari síðu

Samið CSS og JS

Sæktu tilbúinn til notkunar samansettan kóða fyrir Bootstrap v5.1.3 til að komast auðveldlega inn í verkefnið þitt, sem inniheldur:

Þetta felur ekki í sér skjöl, frumskrár eða hvaða valkvæða JavaScript ósjálfstæði eins og Popper.

Sækja

Upprunaskrár

Settu saman Bootstrap með þinni eigin eignapípu með því að hlaða niður uppruna Sass, JavaScript og skjölum. Þessi valkostur krefst nokkurra viðbótarverkfæra:

Ef þú þarft fullt sett af smíðaverkfærum okkar eru þau innifalin til að þróa Bootstrap og skjöl þess, en þau eru líklega óhentug í þínum eigin tilgangi.

Sækja heimild

Dæmi

Ef þú vilt hlaða niður og skoða dæmin okkar geturðu náð í dæmin sem þegar eru byggð:

Sækja dæmi

CDN í gegnum jsDelivr

Slepptu niðurhalinu með jsDelivr til að skila afhentri útgáfu af Bootstrap samansettu CSS og JS í verkefnið þitt.

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

Ef þú ert að nota samansett JavaScript okkar og kýst að láta Popper fylgja með sérstaklega skaltu bæta Popper við á undan JS okkar, helst í gegnum 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>

Pakkastjórar

Dragðu upprunaskrár Bootstrap inn í næstum hvaða verkefni sem er með nokkrum af vinsælustu pakkastjórunum. Sama pakkastjóra, Bootstrap mun krefjast Sass þýðanda og Autoprefixer fyrir uppsetningu sem passar við opinberar samansettar útgáfur okkar.

npm

Settu upp Bootstrap í forritunum þínum með Node.js með npm pakkanum :

npm install bootstrap

const bootstrap = require('bootstrap')eða import bootstrap from 'bootstrap'mun hlaða öllum viðbótum Bootstrap á bootstraphlut. Einingin bootstrapsjálf flytur öll viðbætur okkar út. Þú getur handvirkt hlaðið Bootstrap viðbætur fyrir sig með því að hlaða /js/dist/*.jsskránum undir efstu möppu pakkans.

Bootstrap's package.jsoninniheldur nokkur viðbótarlýsigögn undir eftirfarandi lyklum:

  • sass- slóð að aðal Sass frumskrá Bootstrap
  • style- slóð að óminnkuðu CSS Bootstrap sem hefur verið forsamlað með sjálfgefnum stillingum (engin sérstilling)
Byrjaðu með Bootstrap í gegnum npm með byrjunarverkefninu okkar! Farðu í twbs/bootstrap-npm-starter sniðmátsgeymsluna til að sjá hvernig á að smíða og sérsníða Bootstrap í þínu eigin npm verkefni. Inniheldur Sass þýðanda, Autoprefixer, Stylelint, PurgeCSS og Bootstrap Icons.

garn

Settu upp Bootstrap í forritunum þínum með Node.js með garnpakkanum :

yarn add bootstrap

RubyGems

Settu upp Bootstrap í Ruby forritunum þínum með því að nota Bundler ( mælt með ) og RubyGems með því að bæta eftirfarandi línu við Gemfile:

gem 'bootstrap', '~> 5.1.3'

Að öðrum kosti, ef þú ert ekki að nota Bundler, geturðu sett upp gimsteininn með því að keyra þessa skipun:

gem install bootstrap -v 5.1.3

Sjá README gimsteinsins fyrir frekari upplýsingar.

Tónskáld

Þú getur líka sett upp og stjórnað Bootstrap's Sass og JavaScript með því að nota Composer :

composer require twbs/bootstrap:5.1.3

NuGet

Ef þú þróar í .NET geturðu líka sett upp og stjórnað Bootstrap CSS eða Sass og JavaScript með NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass