Негізгі мазмұнға өту Құжаттар шарлауына өту
Check
in English

Жүктеп алу

Құрастырылған CSS және JavaScript, бастапқы кодты алу үшін Bootstrap жүктеп алыңыз немесе оны npm, RubyGems және т.б. сияқты сүйікті бума менеджерлеріңізге қосыңыз.

Бұл бетте

Құрастырылған CSS және JS

Жобаңызға оңай түсу үшін Bootstrap v5.2.1 үшін пайдалануға дайын құрастырылған кодты жүктеп алыңыз, оған мыналар кіреді:

Бұл құжаттаманы, бастапқы файлдарды немесе Popper сияқты кез келген қосымша JavaScript тәуелділіктерін қамтымайды.

Жүктеп алу

Бастапқы файлдар

Біздің бастапқы Sass, JavaScript және құжаттама файлдарын жүктеп алу арқылы Bootstrap-ті өзіңіздің актив құбырыңызбен құрастырыңыз. Бұл опция кейбір қосымша құралдарды қажет етеді:

Егер сізге құрастыру құралдарының толық жиынтығы қажет болса , олар Bootstrap және оның құжаттарын әзірлеуге арналған, бірақ олар сіздің жеке мақсаттарыңыз үшін жарамсыз болуы мүмкін.

Жүктеп алу көзі

Мысалдар

Біздің мысалдарды жүктеп алып, зерттегіңіз келсе , қазірдің өзінде салынған мысалдарды ала аласыз:

Мысалдар жүктеп алыңыз

jsDelivr арқылы CDN

Жобаңызға 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-ті пайдаланып жатсаңыз және Попперді бөлек қосқыңыз келсе, CDN арқылы JS алдында Попперді қосыңыз.

<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 компиляторын және автопрефиксті қажет етеді .

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 қолданбасын бастаңыз! Жеке npm жобаңызда Bootstrap құру және теңшеу жолын көру үшін twbs /bootstrap-npm-starter үлгі репозиторийіне өтіңіз. Sass компиляторы, автопрефиксер, Stylelint, PurgeCSS және Bootstrap белгішелері кіреді.

жіп

Bootstrap бағдарламасын Node.js жұмыс істейтін қолданбаларыңызға жіп пакетімен орнатыңыз :

yarn add [email protected]

RubyGems

Ruby қолданбаларыңызға Bootstrap бағдарламасын 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