Жүктеп алу
Құрастырылған CSS және JavaScript, бастапқы кодты алу үшін Bootstrap жүктеп алыңыз немесе оны npm, RubyGems және т.б. сияқты сүйікті бума менеджерлеріңізге қосыңыз.
Құрастырылған CSS және JS
Жобаңызға оңай түсу үшін Bootstrap v4.6.2 үшін пайдалануға дайын құрастырылған кодты жүктеп алыңыз, оған мыналар кіреді:
- Құрастырылған және кішірейтілген CSS бумалары ( CSS файлдарын салыстыруды қараңыз )
- Құрастырылған және кішірейтілген JavaScript плагиндері ( JS файлдарын салыстыру бөлімін қараңыз )
Бұған құжаттама, бастапқы файлдар немесе кез келген қосымша JavaScript тәуелділіктері (jQuery және Popper) кірмейді.
Бастапқы файлдар
Біздің бастапқы Sass, JavaScript және құжаттама файлдарын жүктеп алу арқылы Bootstrap-ті өзіңіздің актив құбырыңызбен құрастырыңыз. Бұл опция кейбір қосымша құралдарды қажет етеді:
- Sass бастапқы файлдарын CSS файлдарына компиляциялауға арналған 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-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
Егер сіз біздің құрастырылған JavaScript-ті пайдаланып жатсаңыз және Попперді бөлек қосқыңыз келсе, CDN арқылы JS алдында Попперді қосыңыз.
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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.6.2'
Сонымен қатар, егер сіз Bundler қолданбайтын болсаңыз, мына пәрменді орындау арқылы асыл тасты орнатуға болады:
gem install bootstrap -v 4.6.2
Қосымша мәліметтер алу үшін асыл тастың README бөлімін қараңыз .
Композитор
Сондай-ақ Composer арқылы Bootstrap Sass және JavaScript орнатуға және басқаруға болады :
composer require twbs/bootstrap:4.6.2
NuGet
.NET жүйесінде дамытатын болсаңыз, NuGet арқылы Bootstrap CSS немесе Sass және JavaScript орнатуға және басқаруға болады :
Install-Package bootstrap
Install-Package bootstrap.sass