Source

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

សម្រាប់ការអភិវឌ្ឍន៍ដែលងាយស្រួលប្រើ និងឆ្លើយតបបានលឿនជាងមុន Bootstrap រួមបញ្ចូលថ្នាក់ឧបករណ៍ប្រើប្រាស់រាប់សិបសម្រាប់បង្ហាញ លាក់ តម្រឹម និងមាតិកាគម្លាត។

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

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

ជម្រើស Flexbox

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

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

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

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

បិទបើកvisibility

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