ទាញយក
ទាញយក Bootstrap ដើម្បីទទួលបាន CSS និង JavaScript ដែលបានចងក្រង កូដប្រភព ឬបញ្ចូលវាជាមួយអ្នកគ្រប់គ្រងកញ្ចប់ដែលអ្នកចូលចិត្តដូចជា npm, RubyGems និងច្រើនទៀត។
ចងក្រង CSS និង JS
ទាញយកកូដដែលបានចងក្រងរួចរាល់សម្រាប់ Bootstrap v5.1.3 ដើម្បីទម្លាក់ចូលទៅក្នុងគម្រោងរបស់អ្នកយ៉ាងងាយស្រួល ដែលរួមមានៈ
- ចងក្រង និងបង្រួមបណ្តុំ CSS (សូមមើល ការប្រៀបធៀបឯកសារ CSS )
- កម្មវិធីជំនួយ JavaScript ដែលបានចងក្រង និងបង្រួមតូច (សូមមើល ការប្រៀបធៀបឯកសារ JS )
នេះមិនរាប់បញ្ចូលទាំងឯកសារ ឯកសារប្រភព ឬភាពអាស្រ័យ JavaScript ជាជម្រើសណាមួយដូចជា Popper ទេ។
ឯកសារប្រភព
ចងក្រង Bootstrap ជាមួយនឹងបំពង់បង្ហូរទ្រព្យសកម្មរបស់អ្នកដោយទាញយកប្រភព Sass, JavaScript និងឯកសារឯកសាររបស់យើង។ ជម្រើសនេះតម្រូវឱ្យមានឧបករណ៍បន្ថែមមួយចំនួន៖
- Sass compiler សម្រាប់ចងក្រងឯកសារប្រភព Sass ចូលទៅក្នុងឯកសារ CSS
- Autoprefixer សម្រាប់ CSS vendor prefixing
ប្រសិនបើអ្នកត្រូវការ ឧបករណ៍សាងសង់ ពេញលេញរបស់យើង ពួកវាត្រូវបានរួមបញ្ចូលសម្រាប់ការបង្កើត Bootstrap និងឯកសាររបស់វា ប៉ុន្តែពួកវាទំនងជាមិនស័ក្តិសមសម្រាប់គោលបំណងផ្ទាល់ខ្លួនរបស់អ្នក។
ឧទាហរណ៍
ប្រសិនបើអ្នកចង់ទាញយក និងពិនិត្យមើល ឧទាហរណ៍ របស់យើង អ្នកអាចចាប់យកឧទាហរណ៍ដែលបានបង្កើតរួចហើយ៖
CDN តាមរយៈ jsDelivr
រំលងការទាញយកដោយប្រើ jsDelivr ដើម្បីផ្តល់កំណែឃ្លាំងសម្ងាត់នៃ CSS និង JS ដែលបានចងក្រងរបស់ Bootstrap ទៅកាន់គម្រោងរបស់អ្នក។
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
ប្រសិនបើអ្នកកំពុងប្រើ JavaScript ដែលបានចងក្រងរបស់យើង ហើយចង់បញ្ចូល Popper ដាច់ដោយឡែក បន្ថែម Popper មុន JS របស់យើង តាមរយៈ CDN ជាការប្រសើរ។
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
អ្នកគ្រប់គ្រងកញ្ចប់
ទាញ ឯកសារប្រភព របស់ Bootstrap ចូលទៅក្នុងគម្រោងស្ទើរតែទាំងអស់ជាមួយនឹងអ្នកគ្រប់គ្រងកញ្ចប់ពេញនិយមមួយចំនួន។ មិនថាកម្មវិធីគ្រប់គ្រងកញ្ចប់ Bootstrap នឹង ទាមទារ កម្មវិធីចងក្រង Sass និង Autoprefixer សម្រាប់ការដំឡើងដែលត្រូវនឹងកំណែដែលបានចងក្រងជាផ្លូវការរបស់យើង។
npm
ដំឡើង Bootstrap នៅក្នុងកម្មវិធីដែលដំណើរការដោយ Node.js របស់អ្នកជាមួយនឹង កញ្ចប់ npm ៖
npm install bootstrap
const bootstrap = require('bootstrap')
ឬ import bootstrap from 'bootstrap'
នឹងផ្ទុកកម្មវិធីជំនួយរបស់ Bootstrap ទាំងអស់ទៅលើ bootstrap
វត្ថុមួយ។ ម៉ូឌុល bootstrap
ខ្លួនវានាំចេញកម្មវិធីជំនួយរបស់យើងទាំងអស់។ អ្នកអាចផ្ទុកកម្មវិធីជំនួយរបស់ Bootstrap ដោយដៃផ្ទាល់ដោយការផ្ទុក /js/dist/*.js
ឯកសារនៅក្រោមថតកម្រិតកំពូលរបស់កញ្ចប់។
Bootstrap package.json
មានផ្ទុកទិន្នន័យមេតាបន្ថែមមួយចំនួននៅក្រោមគ្រាប់ចុចខាងក្រោម៖
sass
- ផ្លូវទៅកាន់ ឯកសារប្រភព Sass ចម្បងរបស់ Bootstrapstyle
- ផ្លូវទៅកាន់ CSS ដែលមិនត្រូវបានបង្រួមតូចរបស់ Bootstrap ដែលត្រូវបានចងក្រងជាមុនដោយប្រើការកំណត់លំនាំដើម (គ្មានការប្ដូរតាមបំណង)
អំបោះ
ដំឡើង Bootstrap នៅក្នុងកម្មវិធីដែលដំណើរការដោយ Node.js របស់អ្នកជាមួយនឹង កញ្ចប់អំបោះ ៖
yarn add bootstrap
RubyGems
ដំឡើង Bootstrap នៅក្នុងកម្មវិធី Ruby របស់អ្នកដោយប្រើ Bundler ( បានណែនាំ ) និង RubyGems ដោយបន្ថែមបន្ទាត់ខាងក្រោមទៅកាន់របស់អ្នក Gemfile
៖
gem 'bootstrap', '~> 5.1.3'
ជាជម្រើសប្រសិនបើអ្នកមិនប្រើ Bundler អ្នកអាចដំឡើងត្បូងដោយដំណើរការពាក្យបញ្ជានេះ៖
gem install bootstrap -v 5.1.3
សូមមើល README របស់ត្បូង សម្រាប់ព័ត៌មានលម្អិតបន្ថែម។
អ្នកនិពន្ធ
អ្នកក៏អាចដំឡើង និងគ្រប់គ្រង Sass និង JavaScript របស់ Bootstrap ដោយប្រើ Composer ៖
composer require twbs/bootstrap:5.1.3
នូហ្គេត
ប្រសិនបើអ្នកអភិវឌ្ឍនៅក្នុង .NET អ្នកក៏អាចដំឡើង និងគ្រប់គ្រង CSS ឬ Sass និង JavaScript របស់ Bootstrap ដោយប្រើ NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass