ឧបករណ៍ប្រើប្រាស់សម្រាប់ប្លង់

ការផ្លាស់ប្តូរdisplay

ប្រើ ឧបករណ៍បង្ហាញ របស់យើង សម្រាប់ការបិទបើកតម្លៃរួមនៃ displayអចលនទ្រព្យដោយឆ្លើយតប។ លាយវាជាមួយប្រព័ន្ធក្រឡាចត្រង្គ មាតិកា ឬសមាសធាតុរបស់យើង ដើម្បីបង្ហាញ ឬលាក់ពួកវាតាមច្រកមើលជាក់លាក់។

ជម្រើស Flexbox

Bootstrap ត្រូវបានបង្កើតឡើងដោយប្រើ flexbox ប៉ុន្តែមិនមែនគ្រប់ធាតុទាំងអស់ displayត្រូវបានផ្លាស់ប្តូរទៅ display: flexនោះទេ ព្រោះវានឹងបន្ថែមការបដិសេធដែលមិនចាំបាច់ជាច្រើន និងផ្លាស់ប្តូរឥរិយាបថរបស់កម្មវិធីរុករកតាមអ៊ីនធឺណិតដោយមិនបានរំពឹងទុក។ សមាសធាតុរបស់យើង ភាគច្រើន ត្រូវបានបង្កើតឡើងដោយប្រើ flexbox ។

ប្រសិនបើអ្នកត្រូវការបន្ថែម display: flexទៅធាតុមួយ ធ្វើដូច្នេះជាមួយ .d-flexឬមួយនៃវ៉ារ្យ៉ង់ឆ្លើយតប (ឧទាហរណ៍ .d-sm-flex)។ អ្នកនឹងត្រូវការថ្នាក់ ឬ displayតម្លៃនេះ ដើម្បីអនុញ្ញាតឱ្យប្រើប្រាស់ ឧបករណ៍ flexbox បន្ថែមរបស់យើង សម្រាប់ទំហំ ការតម្រឹម គម្លាត និងច្រើនទៀត។

រឹម និងទ្រនាប់

ប្រើ ឧបករណ៍ប្រើប្រាស់ marginនិង padding គម្លាត ដើម្បីគ្រប់គ្រងពីរបៀបដែលធាតុ និងសមាសធាតុត្រូវបានដាក់គម្លាត និងទំហំ។ Bootstrap រួមបញ្ចូលមាត្រដ្ឋានប្រាំមួយកម្រិតសម្រាប់ឧបករណ៍ប្រើប្រាស់គម្លាត ដោយផ្អែកលើ អថេរ 1remតម្លៃលំនាំដើម ។ $spacerជ្រើសរើសតម្លៃសម្រាប់ច្រកចូលមើលទាំងអស់ (ឧទាហរណ៍ .me-3សម្រាប់ margin-right: 1remនៅក្នុង LTR) ឬជ្រើសរើសវ៉ារ្យ៉ង់ដែលឆ្លើយតបដើម្បីកំណត់គោលដៅទិដ្ឋភាពជាក់លាក់ (ឧទាហរណ៍ .me-md-3សម្រាប់ margin-right: 1rem— ក្នុង LTR— ចាប់ផ្តើមពី mdចំណុចឈប់)។

បិទបើកvisibility

នៅពេលដែល displayមិនចាំបាច់បិទ/បើក អ្នកអាចបិទបើក visibilityធាតុមួយជាមួយនឹង ឧបករណ៍ប្រើប្រាស់ដែលអាចមើលឃើញ របស់យើង ។ ធាតុដែលមើលមិនឃើញនឹងនៅតែប៉ះពាល់ដល់ប្លង់នៃទំព័រ ប៉ុន្តែត្រូវបានលាក់ដោយអ្នកទស្សនា។