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.

Lefordított CSS és JS

Töltse le a használatra kész lefordított kódot a Bootstrap v4.5.3 - hoz, 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 (jQuery és Popper.js).

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:

  • Sass fordító (a Libsass vagy Ruby Sass támogatott) a CSS fordításához.
  • Autoprefixer a CSS szállítói előtagokhoz

Ha összeállítási eszközökre van szüksége , akkor azokat a Bootstrap és a dokumentumai fejlesztéséhez tartalmazza, 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

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-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

Ha az összeállított JavaScript-kódunkat használja, és inkább a Popper.js-t külön szeretné felvenni, adja hozzá a Popper.js-t a JS-ünk elé, lehetőleg CDN-en keresztül.

<script src="https://code.jquery.com/jquery-3.5.1.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-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" 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 útja
  • style- 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.5.3'

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

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

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