Негизги мазмунга өтүү Документтердин навигациясына өтүү
Check
in English

Жүктөп алуу

Компиляцияланган CSS жана JavaScript, баштапкы кодду алуу үчүн Bootstrapти жүктөп алыңыз же аны npm, RubyGems жана башкалар сыяктуу сүйүктүү пакет башкаруучуларыңызга кошуңуз.

Бул бетте

CSS жана JS түзүлгөн

Долбооруңузга оңой түшүү үчүн Bootstrap v5.2.1 үчүн колдонууга даяр компиляцияланган кодду жүктөп алыңыз , анын ичинде:

Буга документтер, баштапкы файлдар же Поппер сыяктуу кошумча JavaScript көз карандылыктары кирбейт.

Жүктөп алуу

Булак файлдары

Sass, JavaScript булагы жана документация файлдарын жүктөп алуу менен Bootstrapти өз активиңиз менен компиляциялаңыз. Бул параметр кээ бир кошумча куралдарды талап кылат:

Эгер сизге куруу куралдарыбыздын толук топтому керек болсо , алар Bootstrap жана анын документтерин иштеп чыгуу үчүн камтылган, бирок алар сиздин жеке максаттарыңызга ылайыксыз болушу мүмкүн.

Жүктөө булагы

Мисалдар

Биздин мисалдарды жүктөп алып, карап чыгууну кааласаңыз , буга чейин курулган мисалдарды ала аласыз:

Мисалдарды жүктөө

CDN jsDelivr аркылуу

Bootstrap компиляцияланган CSS жана JS'тин кэштелген версиясын долбооруңузга жеткирүү үчүн jsDelivr менен жүктөөнү өткөрүп жибериңиз.

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

Эгерде сиз биздин түзүлгөн JavaScript-ти колдонуп жатсаңыз жана Попперди өзүнчө кошууну кааласаңыз, Попперди биздин JSден мурун CDN аркылуу кошуңуз.

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

Пакет менеджерлери

Эң популярдуу пакет менеджерлери менен дээрлик бардык долбоорлорго Bootstrap булак файлдарын тартыңыз. Пакет менеджери кандай болбосун, Bootstrap биздин расмий компиляцияланган версияларыбызга дал келген орнотуу үчүн Sass компиляторун жана Autoprefixerди талап кылат .

npm

Bootstrapти npm пакети менен Node.js иштетилген колдонмолоруңузга орнотуңуз :

npm install [email protected]

const bootstrap = require('bootstrap')же import bootstrap from 'bootstrap'бардык Bootstrap плагиндерин bootstrapобъектке жүктөйт. bootstrapМодуль өзү биздин бардык плагиндерибизди экспорттойт . /js/dist/*.jsПакеттин жогорку деңгээлдеги каталогунун астындагы файлдарды жүктөө менен Bootstrap плагиндерин кол менен жүктөй аласыз .

Bootstrap package.jsonтөмөнкү баскычтардын астында кээ бир кошумча метадайындарды камтыйт:

  • sass- Bootstrapтын негизги Sass булак файлына жол
  • style- демейки жөндөөлөр аркылуу түзүлгөн Bootstrap'тын кичирейтилген эмес CSS жолу (ыңгайлаштыруу жок)
Биздин баштапкы долбоор менен npm аркылуу Bootstrap менен баштаңыз! twbs /bootstrap-npm-starter шаблон репозиторийине баш багыңыз жана Bootstrapти өзүңүздүн npm долбооруңузда кантип курууну жана ыңгайлаштырууну көрүү. Sass компилятору, Autoprefixer, Stylelint, PurgeCSS жана Bootstrap иконкаларын камтыйт.

жип

Bootstrapти жип пакети менен Node.js иштетилген колдонмолоруңузга орнотуңуз :

yarn add [email protected]

RubyGems

Bootstrapти Ruby колдонмолоруңузга Bundler ( сунушталган ) жана RubyGems аркылуу орнотуп, төмөнкү сапты кошуп алыңыз Gemfile:

gem 'bootstrap', '~> 5.2.1'

Же болбосо, эгерде сиз Bundler колдонбосоңуз, анда бул буйрукту иштетүү менен асыл ташты орното аласыз:

gem install bootstrap -v 5.2.1

Көбүрөөк маалымат алуу үчүн асыл таштын README караңыз.

Композитор

Сиз ошондой эле Composer аркылуу Bootstrap'тин Sass жана JavaScript'терин орнотуп, башкара аласыз :

composer require twbs/bootstrap:5.2.1

NuGet

Эгер сиз .NET Framework'те иштеп чыксаңыз, NuGet аркылуу Bootstrap'тин CSS же Sass жана JavaScriptти орнотуп, башкара аласыз . Жаңы долбоорлор libman же башка ыкманы колдонушу керек, анткени NuGet фронттук активдер үчүн эмес, компиляцияланган код үчүн иштелип чыккан.

Install-Package bootstrap

Install-Package bootstrap.sass