Жүктеп алу

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

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

• Құрастырылған және кішірейтілген CSS бумалары ( CSS файлдарын салыстыруды қараңыз )
• Құрастырылған және кішірейтілген JavaScript плагиндері ( JS файлдарын салыстыру бөлімін қараңыз )

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

Жүктеп алу

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

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

• Sass бастапқы файлдарын CSS файлдарына компиляциялауға арналған Sass компиляторы
• CSS жеткізушісі префиксіне арналған автопрефиксер

Егер сізге құрастыру құралдарының толық жиынтығы қажет болса , олар 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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

Егер сіз біздің құрастырылған JavaScript-ті пайдаланып жатсаңыз және Попперді бөлек қосқыңыз келсе, CDN арқылы JS алдында Попперді қосыңыз.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

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

Ең танымал пакет менеджерлерінің көмегімен кез келген дерлік жобаға Bootstrap бастапқы файлдарын тартыңыз. Пакет менеджеріне қарамастан, Bootstrap біздің ресми құрастырылған нұсқаларымызға сәйкес орнату үшін Sass компиляторын және автопрефиксті қажет етеді .

npm

Bootstrap бағдарламасын npm бумасы бар Node.js қолдайтын қолданбаларыңызға орнатыңыз :

npm install bootstrap

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

Bootstrap package.jsonкелесі кілттер астында кейбір қосымша метадеректерді қамтиды:

• sass- Bootstrap негізгі Sass бастапқы файлына жол
• style- әдепкі параметрлерді пайдаланып алдын ала құрастырылған Bootstrap кішірейтілмеген CSS жолы (баптаусыз)

жіп

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

yarn add bootstrap

RubyGems

Ruby қолданбаларыңызға Bootstrap бағдарламасын Bundler ( ұсынылады ) және RubyGems арқылы келесі жолды қосу арқылы орнатыңыз Gemfile:

gem 'bootstrap', '~> 5.0.2'

Сонымен қатар, егер сіз Bundler қолданбайтын болсаңыз, мына пәрменді орындау арқылы асыл тасты орнатуға болады:

gem install bootstrap -v 5.0.2

Қосымша мәліметтер алу үшін асыл тастың README бөлімін қараңыз .

Композитор

Сондай-ақ Composer арқылы Bootstrap Sass және JavaScript орнатуға және басқаруға болады :

composer require twbs/bootstrap:5.0.2

NuGet

.NET жүйесінде дамытатын болсаңыз, NuGet арқылы Bootstrap CSS немесе Sass және JavaScript орнатуға және басқаруға болады :

Install-Package bootstrap

Install-Package bootstrap.sass