រំលងទៅមាតិកាសំខាន់
មានកំណែថ្មីនៃ Bootstrap 4!

ឧទាហរណ៍

ចាប់ផ្តើមគម្រោងយ៉ាងឆាប់រហ័សជាមួយនឹងឧទាហរណ៍ណាមួយរបស់យើង ចាប់ពីការប្រើប្រាស់ផ្នែកនៃក្របខ័ណ្ឌ រហូតដល់ធាតុផ្សំ និងប្លង់ផ្ទាល់ខ្លួន។

ទាញយកកូដប្រភព

សមាសធាតុផ្ទាល់ខ្លួន

សមាសធាតុ និងគំរូថ្មីៗដើម្បីជួយមនុស្សឱ្យចាប់ផ្តើមដំណើរការ Bootstrap យ៉ាងឆាប់រហ័ស និងបង្ហាញពីការអនុវត្តល្អបំផុតសម្រាប់ការបន្ថែមទៅលើក្របខ័ណ្ឌ។

រូបថតអេក្រង់អាល់ប៊ុម
អាល់ប៊ុម

គំរូមួយទំព័រសាមញ្ញសម្រាប់វិចិត្រសាលរូបថត ផលប័ត្រ និងច្រើនទៀត។

រូបថតអេក្រង់តម្លៃ
តម្លៃ

ឧទាហរណ៍ទំព័រតម្លៃដែលបានបង្កើតជាមួយកាត និងបង្ហាញពីបឋមកថា និងបាតកថាផ្ទាល់ខ្លួន។

ពិនិត្យមើលរូបថតអេក្រង់
ពិនិត្យ​មុន​ពេល​ចេញ

ទម្រង់បង់ប្រាក់ចេញផ្ទាល់ខ្លួនដែលបង្ហាញពីសមាសធាតុទម្រង់របស់យើង និងលក្ខណៈនៃការផ្ទៀងផ្ទាត់របស់វា។

រូបថតអេក្រង់ផលិតផល
ផលិតផល

ទំព័រទីផ្សារដែលផ្តោតលើផលិតផលគ្មានខ្លាញ់ ជាមួយនឹងក្រឡាចត្រង្គ និងរូបភាពយ៉ាងទូលំទូលាយ។

គម្របរូបថតអេក្រង់
គម្រប

គំរូមួយទំព័រសម្រាប់បង្កើតទំព័រដើមដ៏សាមញ្ញ និងស្រស់ស្អាត។

រូបថតអេក្រង់ Carousel
វង់

ប្ដូររបាររុករក និងរង្វង់តាមបំណង បន្ទាប់មកបន្ថែមសមាសធាតុថ្មីមួយចំនួន។

រូបថតអេក្រង់ប្លុក
ប្លុក

ទស្សនាវដ្ដីដូចជាគំរូប្លក់ដែលមានបឋមកថា ការរុករក មាតិកាពិសេស។

រូបថតអេក្រង់ផ្ទាំងគ្រប់គ្រង
ផ្ទាំងគ្រប់គ្រង

សែលផ្ទាំងគ្រប់គ្រងមូលដ្ឋានដែលមានរបារចំហៀងថេរ និងរបាររុករក។

រូបថតអេក្រង់ចូល
ចូល

ប្លង់ទម្រង់ផ្ទាល់ខ្លួន និងការរចនាសម្រាប់សញ្ញាសាមញ្ញក្នុងទម្រង់។

រូបថតអេក្រង់នៃបាតកថាស្អិត
បាតកថាស្អិត

ភ្ជាប់បាតកថាទៅបាតនៃច្រកចូលមើល នៅពេលដែលមាតិកាទំព័រខ្លី។

រូបថតអេក្រង់ navbar បាតកថាស្អិត
របារជើងបាតស្អិត

ភ្ជាប់បាតកថាទៅបាតនៃច្រកទិដ្ឋភាពជាមួយនឹងរបាររុករកកំពូលថេរ។

ក្របខ័ណ្ឌ

ឧទាហរណ៍ដែលផ្តោតលើការអនុវត្តការប្រើប្រាស់សមាសធាតុដែលភ្ជាប់មកជាមួយដែលផ្តល់ដោយ Bootstrap ។

រូបថតអេក្រង់គំរូចាប់ផ្តើម
គំរូចាប់ផ្តើម

គ្មានអ្វីក្រៅពីមូលដ្ឋាន៖ ចងក្រង CSS និង JavaScript ។

រូបថតអេក្រង់ក្រឡាចត្រង្គ
ក្រឡាចត្រង្គ

ឧទាហរណ៍ជាច្រើននៃប្លង់ក្រឡាចត្រង្គដែលមានកម្រិតទាំងបួន ការដាក់សំបុក និងច្រើនទៀត។

រូបថតអេក្រង់ Jumbotron
Jumbotron

សាងសង់ជុំវិញ jumbotron ជាមួយនឹងរបារ navbar និងជួរឈរក្រឡាចត្រង្គមូលដ្ឋានមួយចំនួន។

យកសមាសភាគរបាររុករកលំនាំដើម និងបង្ហាញពីរបៀបដែលវាអាចត្រូវបានផ្លាស់ទី ដាក់ និងពង្រីក។

រូបថតអេក្រង់ Navbars
Navbars

ការបង្ហាញពីជម្រើសឆ្លើយតប និងកុងតឺន័រទាំងអស់សម្រាប់របាររុករក។

រូបថតអេក្រង់ឋិតិវន្ត Navbar
Navbar ឋិតិវន្ត

ឧទាហរណ៍របារ navbar តែមួយនៃរបារ navbar កំពូលឋិតិវន្ត រួមជាមួយនឹងមាតិកាបន្ថែមមួយចំនួន។

Navbar បានជួសជុលរូបថតអេក្រង់
Navbar បានជួសជុល

ឧទាហរណ៍របារ navbar តែមួយជាមួយនឹងរបារ navbar កំពូលថេរ រួមជាមួយនឹងមាតិកាបន្ថែមមួយចំនួន។

រូបថតអេក្រង់បាតរបារ Navbar
បាតរបារ

ឧទាហរណ៍របាររុករកតែមួយជាមួយរបារបាតក្រោម រួមជាមួយនឹងខ្លឹមសារបន្ថែមមួយចំនួន។

ការពិសោធន៍

ឧទាហរណ៍ដែលផ្តោតលើលក្ខណៈពិសេស ឬបច្ចេកទេសដែលងាយស្រួលសម្រាប់អនាគត។

រូបថតអេក្រង់នៃស្លាកអណ្តែត
ស្លាកអណ្តែត

ទម្រង់សាមញ្ញដ៏ស្រស់ស្អាតជាមួយនឹងស្លាកអណ្តែតលើធាតុចូលរបស់អ្នក។

រូបថតអេក្រង់ Offcanvas
ផ្ទាំងក្រណាត់

បង្វែររបាររុករកដែលអាចពង្រីកបានរបស់អ្នកទៅជាម៉ឺនុយបិទផ្ទាំងក្រណាត់រអិល។