បីជួរស្មើគ្នា

ទទួលបានជួរឈរទទឹងស្មើៗគ្នាចំនួនបី ដោយ ចាប់ផ្តើមពីផ្ទៃតុ និងធ្វើមាត្រដ្ឋានទៅផ្ទៃតុធំ ។ នៅលើឧបករណ៍ចល័ត ថេប្លេត និងខាងក្រោម ជួរឈរនឹងជង់ដោយស្វ័យប្រវត្តិ។

.col-md-4
.col-md-4
.col-md-4

ជួរឈរមិនស្មើគ្នាចំនួនបី

ទទួលបានជួរឈរបី ដោយចាប់ផ្តើមពីផ្ទៃតុ និងធ្វើមាត្រដ្ឋានទៅផ្ទៃតុធំ ដែលមានទទឹងផ្សេងៗ។ សូមចងចាំថា ជួរក្រឡាក្រឡាចត្រង្គគួរតែបន្ថែមរហូតដល់ដប់ពីរសម្រាប់ប្លុកផ្តេកតែមួយ។ លើសពីនេះ ហើយជួរឈរចាប់ផ្តើមជង់មិនថាច្រកចូលមើលទេ។

.col-md-៣
.col-md-6
.col-md-៣

ជួរឈរពីរ

ទទួលបានជួរឈរពីរដែល ចាប់ផ្តើមពីផ្ទៃតុ និងធ្វើមាត្រដ្ឋានទៅផ្ទៃតុធំ

.col-md-8
.col-md-4

ទទឹងពេញ ជួរឈរតែមួយ

គ្មានថ្នាក់ក្រឡាចត្រង្គចាំបាច់សម្រាប់ធាតុដែលមានទទឹងពេញទេ។


ជួរឈរពីរដែលមានជួរឈរពីរ

តាមឯកសារ ការដាក់សំបុកគឺងាយស្រួល - គ្រាន់តែដាក់ជួរជួរនៅក្នុងជួរឈរដែលមានស្រាប់។ នេះផ្តល់ឱ្យអ្នកនូវជួរឈរពីរដែល ចាប់ផ្តើមពីផ្ទៃតុ និងធ្វើមាត្រដ្ឋានទៅផ្ទៃតុធំ ជាមួយនឹងពីរផ្សេងទៀត (ទទឹងស្មើគ្នា) នៅក្នុងជួរឈរធំជាង។

នៅទំហំឧបករណ៍ចល័ត ថេប្លេត និងចុះក្រោម ជួរឈរទាំងនេះ និងជួរឈររបស់ពួកគេនឹងជង់។

.col-md-8
.col-md-6
.col-md-6
.col-md-4

ចម្រុះ៖ ទូរសព្ទ និងកុំព្យូទ័រ

ប្រព័ន្ធក្រឡាចត្រង្គ Bootstrap 3 មានបួនថ្នាក់៖ xs (ទូរស័ព្ទ), sm (ថេប្លេត), md (កុំព្យូទ័រលើតុ) និង lg (ផ្ទៃតុធំជាង)។ អ្នក​អាច​ប្រើ​ការ​រួម​បញ្ចូល​គ្នា​ស្ទើរតែ​ទាំងអស់​នៃ​ថ្នាក់​ទាំង​នេះ​ដើម្បី​បង្កើត​ប្លង់​ដែល​មាន​ភាព​ស្វាហាប់​និង​អាច​បត់បែន​បាន។

ថ្នាក់នីមួយៗធ្វើមាត្រដ្ឋានឡើង មានន័យថាប្រសិនបើអ្នកមានគម្រោងកំណត់ទទឹងដូចគ្នាសម្រាប់ xs និង sm អ្នកគ្រាន់តែបញ្ជាក់ xs ប៉ុណ្ណោះ។

.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

ចម្រុះ៖ ទូរសព្ទ ថេប្លេត និងកុំព្យូទ័រលើតុ

.col-xs-12 .col-sm-6 .col-lg-8
.col-xs-6 .col-lg-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4

ការបោសសំអាតជួរឈរ

សម្អាតអណ្តែត នៅចំណុចបំបែកជាក់លាក់ ដើម្បីការពារការរុំដ៏ឆ្គងជាមួយនឹងមាតិកាមិនស្មើគ្នា។

.col-xs-6 .col-sm-3 ប្តូរ
ទំហំទិដ្ឋភាពរបស់អ្នក ឬពិនិត្យមើលវានៅលើទូរស័ព្ទរបស់អ្នកសម្រាប់ឧទាហរណ៍មួយ។
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

អុហ្វសិត រុញ និងទាញកំណត់ឡើងវិញ

កំណត់ឡើងវិញនូវអុហ្វសិត រុញ និងទាញនៅចំណុចបំបែកជាក់លាក់។

.col-sm-5 .col-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0