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.
Lefordított CSS és JS
Töltse le a használatra kész lefordított kódot a Bootstrap v4.6.2 -hez , hogy könnyen bekerüljön a projektbe, amely a következőket tartalmazza:
- Összeállított és kicsinyített CSS-csomagok (lásd a CSS-fájlok összehasonlítását )
- Lefordított és kicsinyített JavaScript-bővítmények (lásd a JS-fájlok összehasonlítását )
Ez nem tartalmazza a dokumentációt, a forrásfájlokat és az opcionális JavaScript-függőségeket (jQuery és Popper).
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:
- Sass fordító a Sass forrásfájlok CSS-fájlokká történő fordításához
- Autoprefixer a CSS szállítói előtagokhoz
Ha szüksége van a teljes összeállítási eszközünkre , akkor a Bootstrap és a dokumentumai fejlesztéséhez mellékeljük őket, de valószínűleg nem alkalmasak a saját céljaira.
Példák
Ha szeretné letölteni és megvizsgálni a példáinkat , megragadhatja a már elkészített példákat:
jsDelivr
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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" 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/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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 bootstrap
require('bootstrap')betölti a Bootstrap összes jQuery beépülő modulját a jQuery objektumra. Maga a bootstrapmodul nem exportál semmit. A Bootstrap jQuery beépülő moduljait manuálisan is betöltheti egyenként, ha betölti a /js/*.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 útjastyle- a Bootstrap nem kicsinyített CSS-jének elérési útja, amelyet az alapértelmezett beállításokkal előre lefordítottak (nincs testreszabás)
fonal
Telepítse a Bootstrap programot Node.js-alapú alkalmazásaiba a fonalcsomaggal :
yarn add bootstrap
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', '~> 4.6.2'
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 4.6.2
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:4.6.2
NuGet
Ha .NET-ben fejleszt, a NuGet segítségével telepítheti és kezelheti a Bootstrap CSS -jét vagy Sass -ját és JavaScriptjét is :
Install-Package bootstrap
Install-Package bootstrap.sass