អត្ថបទនេះ Techfree នឹងបង្រៀនអ្នកទាំងអស់គ្នាពីរបៀបប្រើប្រាស់ Grid របស់ Bootstrap 3 យើងត្រូវយល់ដឹងអំពីសមាសភាពចំនួន 4 ដែលប្រើប្រាស់ជាមួយ Grid ដូចជា៖
១) col-xs(extra small display): សំរាប់ប្រើប្រាស់ជាមួយអេក្រង់មានទំហំតូចជាង 34em ជាប្រភេទទូរស័ព្ទ
ឧទាហរណ៍៖
នោះនឹងបង្ហាញលទ្ធផលដូចខាងក្រោម៖
២) col-sm(smaller display): សំរាប់ប្រើប្រាស់ជាមួយអេក្រង់មានទំហំ 34em ឡើង ជាប្រភេទថេប្លេត
ឧទាហរណ៍៖
នោះនឹងបង្ហាញលទ្ធផលដូចខាងក្រោម៖
៣) col-md(medium display): សំរាប់ប្រើប្រាស់ជាមួយអេក្រង់មានទំហំ 48em ឡើង ជាប្រភេទកុំព្យូទ័រ
ឧទាហរណ៍៖
នោះនឹងបង្ហាញលទ្ធផលដូចខាងក្រោម៖
៤) col-lg(extra large display): សំរាប់ប្រើប្រាស់ជាមួយអេក្រង់មានទំហំ 62em ឡើង ជាប្រភេទកុំព្យូទ័រទំហំធំ
ឧទាហរណ៍៖
នោះនឹងបង្ហាញលទ្ធផលដូចខាងក្រោម៖
ចំណាំ: យើងអាចប្រើប្រាស់បញ្ចូលគ្នាទាំងអស់នៃ col-xs, col-sm, col-md, col-lg ប្រើប្រាស់បានគ្រប់ទំហំ
ឧទាហរណ៍៖
នោះនឹងបង្ហាញលទ្ធផលដូចខាងក្រោម៖