in English

ទាញយក

ទាញយក Bootstrap ដើម្បីទទួលបាន CSS និង JavaScript ដែលបានចងក្រង កូដប្រភព ឬបញ្ចូលវាជាមួយអ្នកគ្រប់គ្រងកញ្ចប់ដែលអ្នកចូលចិត្តដូចជា npm, RubyGems និងច្រើនទៀត។

ចងក្រង CSS និង JS

ទាញយកកូដដែលបានចងក្រងរួចរាល់សម្រាប់ Bootstrap v4.6.2 ដើម្បីទម្លាក់ចូលទៅក្នុងគម្រោងរបស់អ្នកយ៉ាងងាយស្រួល ដែលរួមមានៈ

នេះមិនរួមបញ្ចូលឯកសារ ឯកសារប្រភព ឬភាពអាស្រ័យ JavaScript ជាជម្រើសណាមួយ (jQuery និង Popper) ទេ។

ទាញយក

ឯកសារប្រភព

ចងក្រង Bootstrap ជាមួយនឹងបំពង់បង្ហូរទ្រព្យសកម្មរបស់អ្នកដោយទាញយកប្រភព Sass, JavaScript និងឯកសារឯកសាររបស់យើង។ ជម្រើសនេះតម្រូវឱ្យមានឧបករណ៍បន្ថែមមួយចំនួន៖

  • Sass compiler សម្រាប់ចងក្រងឯកសារប្រភព Sass ចូលទៅក្នុងឯកសារ CSS
  • Autoprefixer សម្រាប់ CSS vendor prefixing

ប្រសិនបើអ្នកត្រូវការ ឧបករណ៍សាងសង់ ពេញលេញរបស់យើង ពួកវាត្រូវបានរួមបញ្ចូលសម្រាប់ការបង្កើត Bootstrap និងឯកសាររបស់វា ប៉ុន្តែពួកវាទំនងជាមិនស័ក្តិសមសម្រាប់គោលបំណងផ្ទាល់ខ្លួនរបស់អ្នក។

ទាញយកប្រភព

ឧទាហរណ៍

ប្រសិនបើអ្នកចង់ទាញយក និងពិនិត្យមើល ឧទាហរណ៍ របស់យើង អ្នកអាចចាប់យកឧទាហរណ៍ដែលបានបង្កើតរួចហើយ៖

ទាញយកឧទាហរណ៍

jsDelivr

រំលងការទាញយកដោយប្រើ jsDelivr ដើម្បីផ្តល់កំណែឃ្លាំងសម្ងាត់នៃ CSS និង JS ដែលបានចងក្រងរបស់ Bootstrap ទៅកាន់គម្រោងរបស់អ្នក។

<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 ដែលបានចងក្រងរបស់យើង ហើយចង់បញ្ចូល Popper ដាច់ដោយឡែក បន្ថែម Popper មុន JS របស់យើង តាមរយៈ CDN ជាការប្រសើរ។

<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 និង Autoprefixer សម្រាប់ការដំឡើងដែលត្រូវនឹងកំណែដែលបានចងក្រងជាផ្លូវការរបស់យើង។

npm

ដំឡើង Bootstrap នៅក្នុងកម្មវិធីដែលដំណើរការដោយ Node.js របស់អ្នកជាមួយនឹង កញ្ចប់ npm

npm install bootstrap

require('bootstrap')នឹងផ្ទុកកម្មវិធីជំនួយ jQuery ទាំងអស់របស់ Bootstrap ទៅលើវត្ថុ jQuery ។ ម៉ូឌុល bootstrapខ្លួនវាមិននាំចេញអ្វីទេ។ អ្នកអាចផ្ទុកកម្មវិធីជំនួយ jQuery របស់ Bootstrap ដោយដៃដោយផ្ទុក /js/*.jsឯកសារនៅក្រោមថតកម្រិតកំពូលរបស់កញ្ចប់។

Bootstrap package.jsonមានផ្ទុកទិន្នន័យមេតាបន្ថែមមួយចំនួននៅក្រោមគ្រាប់ចុចខាងក្រោម៖

  • sass- ផ្លូវទៅកាន់ ឯកសារប្រភព Sass ចម្បងរបស់ Bootstrap
  • style- ផ្លូវទៅកាន់ CSS ដែលមិនត្រូវបានបង្រួមតូចរបស់ Bootstrap ដែលត្រូវបានចងក្រងជាមុនដោយប្រើការកំណត់លំនាំដើម (គ្មានការប្ដូរតាមបំណង)
ចាប់ផ្តើមជាមួយ Bootstrap តាមរយៈ npm ជាមួយគម្រោងចាប់ផ្តើមរបស់យើង! ទៅកាន់កន្លែង ផ្ទុកពុម្ពគំរូ tws/bootstrap-npm-starter ដើម្បីមើលពីរបៀបបង្កើត និងកំណត់ Bootstrap តាមបំណងនៅក្នុងគម្រោង npm ផ្ទាល់ខ្លួនរបស់អ្នក។ រួមបញ្ចូល Sass compiler, Autoprefixer, Stylelint, PurgeCSS និង Bootstrap Icons ។

អំបោះ

ដំឡើង Bootstrap នៅក្នុងកម្មវិធីដែលដំណើរការដោយ Node.js របស់អ្នកជាមួយនឹង កញ្ចប់អំបោះ

yarn add bootstrap

RubyGems

ដំឡើង Bootstrap នៅក្នុងកម្មវិធី Ruby របស់អ្នកដោយប្រើ Bundler ( បានណែនាំ ) និង RubyGems ដោយបន្ថែមបន្ទាត់ខាងក្រោមទៅកាន់របស់អ្នក Gemfile

gem 'bootstrap', '~> 4.6.2'

ជាជម្រើសប្រសិនបើអ្នកមិនប្រើ Bundler អ្នកអាចដំឡើងត្បូងដោយដំណើរការពាក្យបញ្ជានេះ៖

gem install bootstrap -v 4.6.2

សូមមើល README របស់ត្បូង សម្រាប់ព័ត៌មានលម្អិតបន្ថែម។

អ្នកនិពន្ធ

អ្នកក៏អាចដំឡើង និងគ្រប់គ្រង Sass និង JavaScript របស់ Bootstrap ដោយប្រើ Composer

composer require twbs/bootstrap:4.6.2

នូហ្គេត

ប្រសិនបើអ្នកអភិវឌ្ឍនៅក្នុង .NET អ្នកក៏អាចដំឡើង និងគ្រប់គ្រង CSSSass និង JavaScript របស់ Bootstrap ដោយប្រើ NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass