Ugrás a fő tartalomhoz Ugrás a dokumentumok navigációjához
Check
in English

Letöltés

Töltse le a Bootstrap-et, hogy megszerezze a lefordított CSS-t és JavaScriptet, valamint a forráskódot, vagy hozzáadja kedvenc csomagkezelőihez, például az npm-hez, a RubyGems-hez és egyebekhez.

Ezen az oldalon

Lefordított CSS és JS

Töltse le a használatra kész lefordított kódot a Bootstrap v5.2.1 -hez , hogy könnyen bekerüljön a projektbe, amely a következőket tartalmazza:

Ez nem tartalmazza a dokumentációt, a forrásfájlokat és az opcionális JavaScript-függőségeket, például a Poppert.

Letöltés

Forrás fájlok

Fordítsa le a Bootstrap programot saját eszközfolyamatával a forrás Sass, JavaScript és dokumentációs fájljaink letöltésével. Ez a lehetőség további eszközöket igényel:

Ha szüksége van a teljes összeállítási eszközünkre , akkor azokat a Bootstrap és dokumentumai fejlesztéséhez mellékeljük, de valószínűleg nem alkalmasak a saját céljaira.

Letöltés forrás

Példák

Ha szeretné letölteni és megvizsgálni a példáinkat , megragadhatja a már elkészített példákat:

Példák letöltése

CDN a jsDelivr-en keresztül

Hagyja ki a letöltést a jsDelivr segítségével, hogy a Bootstrap által lefordított CSS és JS gyorsítótárazott változatát eljussa projektjéhez.

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

Ha a mi összeállított JavaScriptünket használja, és inkább a Poppert külön szeretné használni, adja hozzá a Poppert a JS-ünk elé, lehetőleg CDN-en keresztül.

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

Csomagkezelők

Húzza be a Bootstrap forrásfájljait szinte bármilyen projektbe a legnépszerűbb csomagkezelők segítségével. A csomagkezelőtől függetlenül a Bootstrapnek Sass fordítóra és Autoprefixerre lesz szüksége a hivatalos lefordított verzióinknak megfelelő beállításhoz.

npm

Telepítse a Bootstrap programot Node.js-alapú alkalmazásaiba az npm csomaggal :

npm install [email protected]

const bootstrap = require('bootstrap')vagy import bootstrap from 'bootstrap'betölti a Bootstrap összes beépülő modulját egy bootstrapobjektumra. Maga a bootstrapmodul exportálja az összes bővítményünket. A Bootstrap beépülő moduljait manuálisan is betöltheti egyenként, ha betölti a /js/dist/*.jsfájlokat a csomag legfelső szintű könyvtárába.

A Bootstrap package.jsonnéhány további metaadatot tartalmaz a következő kulcsok alatt:

  • sass- a Bootstrap fő Sass forrásfájljának elérési útja
  • style- a Bootstrap nem kicsinyített CSS-jének elérési útja, amely az alapértelmezett beállításokkal lett lefordítva (nincs testreszabás)
Kezdő projektünkkel kezdje el a Bootstrap használatát az npm-en keresztül! Nyissa meg a twbs/bootstrap-npm-starter sablontárat, és nézze meg, hogyan hozhatja létre és testreszabhatja a Bootstrap-ot saját npm-projektjében. Tartalmazza a Sass fordítót, az Autoprefixert, a Stylelint, a PurgeCSS és a Bootstrap ikonokat.

fonal

Telepítse a Bootstrap programot Node.js-alapú alkalmazásaiba a fonalcsomaggal :

yarn add [email protected]

RubyGems

Telepítse a Bootstrap-et Ruby-alkalmazásaiba a Bundler ( ajánlott ) és a RubyGems segítségével úgy, hogy a következő sort adja hozzá Gemfile:

gem 'bootstrap', '~> 5.2.1'

Alternatív megoldásként, ha nem Bundlert használ, telepítheti a gem-et a következő parancs futtatásával:

gem install bootstrap -v 5.2.1

További részletekért lásd a drágakő README-ját .

Zeneszerző

Telepítheti és kezelheti a Bootstrap Sass és JavaScript fájljait a Composer segítségével is :

composer require twbs/bootstrap:5.2.1

NuGet

Ha .NET-keretrendszerben fejleszt, a NuGet segítségével telepítheti és kezelheti a Bootstrap CSS -jét vagy Sass -ját és JavaScriptjét is . Az újabb projekteknek a libman-t vagy más módszert kell használniuk, mivel a NuGet lefordított kódra készült, nem pedig előtérbeli eszközökre.

Install-Package bootstrap

Install-Package bootstrap.sass