Жүктеп алу
Құрастырылған CSS және JavaScript, бастапқы кодты алу үшін Bootstrap жүктеп алыңыз немесе оны npm, RubyGems және т.б. сияқты сүйікті бума менеджерлеріңізге қосыңыз.
Жобаңызға оңай түсу үшін Bootstrap v4.1.3 үшін пайдалануға дайын құрастырылған кодты жүктеп алыңыз, оған мыналар кіреді:
- Құрастырылған және кішірейтілген CSS бумалары ( CSS файлдарын салыстыруды қараңыз )
- Құрастырылған және кішірейтілген JavaScript плагиндері
Бұған құжаттама, бастапқы файлдар немесе кез келген қосымша JavaScript тәуелділіктері (jQuery және Popper.js) кірмейді.
Біздің бастапқы Sass, JavaScript және құжаттама файлдарын жүктеп алу арқылы Bootstrap-ті өзіңіздің актив құбырыңызбен құрастырыңыз. Бұл опция кейбір қосымша құралдарды қажет етеді:
- CSS құрастыру үшін Sass компиляторы (Libsass немесе Ruby Sass қолдауы бар).
- CSS жеткізушісі префиксіне арналған автопрефиксер
Құрастыру құралдары қажет болса , олар Bootstrap және оның құжаттарын әзірлеуге арналған, бірақ олар сіздің жеке мақсаттарыңыз үшін жарамсыз болуы мүмкін.
Жобаңызға Bootstrap құрастырған CSS және JS кэштелген нұсқасын жеткізу үшін jsDelivr арқылы жүктеп алуды өткізіп жіберіңіз.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>Біздің құрастырылған JavaScript-ті пайдалансаңыз, оның алдында jQuery және Popper.js CDN нұсқаларын қосуды ұмытпаңыз.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>Ең танымал пакет менеджерлерінің көмегімен кез келген дерлік жобаға Bootstrap бастапқы файлдарын тартыңыз. Пакет менеджеріне қарамастан, Bootstrap біздің ресми құрастырылған нұсқаларымызға сәйкес орнату үшін Sass компиляторын және автопрефиксті қажет етеді.
Bootstrap бағдарламасын npm бумасы бар Node.js қолдайтын қолданбаларыңызға орнатыңыз :
npm install bootstraprequire('bootstrap')барлық Bootstrap jQuery плагиндерін jQuery нысанына жүктейді. Модульдің bootstrapөзі ештеңе экспорттамайды. /js/*.jsБуманың жоғарғы деңгейлі каталогының астындағы файлдарды жүктеу арқылы Bootstrap jQuery плагиндерін қолмен жеке жүктей аласыз .
Bootstrap package.jsonкелесі кілттер астында кейбір қосымша метадеректерді қамтиды:
sass- Bootstrap негізгі Sass бастапқы файлына жолstyle- әдепкі параметрлерді пайдаланып алдын ала құрастырылған Bootstrap кішірейтілмеген CSS жолы (баптаусыз)
Ruby қолданбаларыңызға Bootstrap бағдарламасын Bundler ( ұсынылады ) және RubyGems арқылы келесі жолды қосу арқылы орнатыңыз Gemfile:
gem 'bootstrap', '~> 4.1.3'Сонымен қатар, егер сіз Bundler қолданбайтын болсаңыз, мына пәрменді орындау арқылы асыл тасты орнатуға болады:
gem install bootstrap -v 4.1.3Қосымша мәліметтер алу үшін асыл тастың README бөлімін қараңыз .
Сондай-ақ Composer арқылы Bootstrap Sass және JavaScript орнатуға және басқаруға болады :
composer require twbs/bootstrap:4.1.3.NET жүйесінде дамытатын болсаңыз, NuGet арқылы Bootstrap CSS немесе Sass және JavaScript орнатуға және басқаруға болады :
Install-Package bootstrapInstall-Package bootstrap.sass