របៀបប្រើផ្ទាំង (Tab) នៅក្នុង Bootstrap
ផ្ទាំង (tab) ត្រូវបានប្រើដើម្បីបែងចែកផ្ទាំងមាតិការឲ្យចូលទៅក្នុងផ្ទាំងផ្សេងទៀតដែលជាកន្លែងអាចមើលនៅពេលមួយ ។
១) Classes ជំនួយផ្ទាំង (The Tab Plugin Classes)
ឧទាហរណ៍ .nav nav-tabs
យើងបានលទ្ធផលដូចខាងក្រោម
ឧទាហរណ៍ .nav-justified
យើងបានលទ្ធផលដូចខាងក្រោម
ឧទាហរណ៍ .tab-content
យើងបានលទ្ធផលដូចខាងក្រោម
ឧទាហរណ៍ .tab-pane
យើងបានលទ្ធផលដូចខាងក្រោម
២) តាមរយៈ data-* Attributes
បន្ថែម data-toggle=“ផ្ទាំង” ដើម្បីទៅផ្ទាំងនីមួយៗ និងបន្ថែម .tab-pane class មួយដែលមាន ID តែមួយគត់សម្រាប់រាល់ផ្ទាំងទាំងអស់ ហើយខ្ចប់ពួកគេទៅក្នុង .tab-content class ។
យើងបានលទ្ធផលដូចខាងក្រោម
៣) តាមរយៈ JavaScript
បើក manual ជាមួយ:
ឧទាហរណ៍ JavaScript
យើងបានលទ្ធផលដូចខាងក្រោម
៤) វិធីសាស្រ្តផ្ទាំង (Tab Methods)
តារាងដូចខាងក្រោមរាយវិធីសាស្រ្តផ្ទាំងដែលមានទាំងអស់។
៥) ព្រឹត្តិការណ៍ផ្ទាំង (Tab Events)
តារាងដូចខាងក្រោមរាយព្រឹត្តិការណ៍ផ្ទាំងដែលមានទាំងអស់។
ជំនួយ: ប្រើ jQuery របស់ event.target និង event.relatedTarget ដើម្បីទទួលបានផ្ទាំងសកម្ម និង ផ្ទាំងសកម្មមុន:
យើងបានលទ្ធផលដូចខាងក្រោម
