Source

Жүктеп алу

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

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

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

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

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

Жүктеп алу

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

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

  • CSS құрастыру үшін Sass компиляторы (Libsass немесе Ruby Sass қолдауы бар).
  • CSS жеткізушісі префиксіне арналған автопрефиксер

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

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

jsDelivr

Жобаңызға Bootstrap құрастырған CSS және JS кэштелген нұсқасын жеткізу үшін jsDelivr арқылы жүктеп алуды өткізіп жіберіңіз.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Біздің құрастырылған JavaScript-ті пайдалансаңыз, оның алдында jQuery және Popper.js CDN нұсқаларын қосуды ұмытпаңыз.

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

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

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

npm

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

npm install bootstrap

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

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

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

жіп

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.4.1'

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

gem install bootstrap -v 4.4.1

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

Композитор

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

composer require twbs/bootstrap:4.4.1

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass