វត្ថុប្រព័ន្ធផ្សព្វផ្សាយ
ឯកសារ និងឧទាហរណ៍សម្រាប់វត្ថុប្រព័ន្ធផ្សព្វផ្សាយរបស់ Bootstrap ដើម្បីបង្កើតសមាសធាតុច្រំដែលខ្លាំងដូចជា មតិយោបល់ប្លក់ ធ្វីត និងអ្វីៗផ្សេងទៀត។
ឧទាហរណ៍
វត្ថុប្រព័ន្ធផ្សព្វផ្សាយ ជួយ បង្កើតសមាសធាតុស្មុគ្រស្មាញ និងច្រំដែល ដែលប្រព័ន្ធផ្សព្វផ្សាយមួយចំនួនត្រូវបានដាក់នៅជាប់នឹងខ្លឹមសារដែលមិនរុំជុំវិញប្រព័ន្ធផ្សព្វផ្សាយដែលបាននិយាយ។ លើសពីនេះ វាធ្វើបែបនេះជាមួយនឹងថ្នាក់ដែលត្រូវការតែពីរប៉ុណ្ណោះ អរគុណចំពោះ flexbox ។
ខាងក្រោមនេះជាឧទាហរណ៍នៃវត្ថុប្រព័ន្ធផ្សព្វផ្សាយតែមួយ។ មានតែថ្នាក់ពីរប៉ុណ្ណោះដែលត្រូវបានទាមទារ - ការរុំ .media
និង .media-body
ជុំវិញខ្លឹមសាររបស់អ្នក។ បន្ទះ និងរឹមជាជម្រើសអាចត្រូវបានគ្រប់គ្រងតាមរយៈ ឧបករណ៍ប្រើប្រាស់គម្លាត ។
ចំណងជើងប្រព័ន្ធផ្សព្វផ្សាយ
Cras អង្គុយ amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin ។ Cras purus odio, vestibulum in vulputate at, tempus viverra turpis ។ Fusce condimentum nunc ac nisi vulputate fringilla ។ Donec lacinia congue felis នៅ faucibus ។Flexbug #12៖ ធាតុក្នុងជួរមិនត្រូវបានចាត់ទុកជាធាតុបត់បែនទេ។
Internet Explorer 10-11 មិនបង្ហាញធាតុក្នុងជួរដូចជាតំណ ឬរូបភាព (ឬ ::before
និង ::after
ធាតុក្លែងក្លាយ) ជាធាតុ flex ទេ។ ដំណោះស្រាយតែមួយគត់គឺត្រូវកំណត់តម្លៃដែលមិននៅក្នុងជួរ display
(ឧទាហរណ៍ block
, inline-block
ឬ flex
)។ យើងស្នើឱ្យប្រើ ឧបករណ៍ប្រើប្រាស់បង្ហាញ.d-flex
របស់យើង ជាការងាយស្រួលជួសជុល។
ប្រភព៖ Flexbugs នៅលើ GitHub
សំបុក
វត្ថុមេឌៀអាចត្រូវបានដាក់ជាប់គ្នាដោយគ្មានកំណត់ ទោះបីជាយើងស្នើឱ្យអ្នកឈប់នៅចំណុចណាមួយក៏ដោយ។ ដាក់សំបុក .media
នៅក្នុង .media-body
វត្ថុមេឌៀមេ។
ចំណងជើងប្រព័ន្ធផ្សព្វផ្សាយ
Cras អង្គុយ amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin ។ Cras purus odio, vestibulum in vulputate at, tempus viverra turpis ។ Fusce condimentum nunc ac nisi vulputate fringilla ។ Donec lacinia congue felis នៅ faucibus ។ការតម្រឹម
ប្រព័ន្ធផ្សព្វផ្សាយនៅក្នុងវត្ថុមេឌៀអាចត្រូវបានតម្រឹមជាមួយឧបករណ៍ប្រើប្រាស់ flexbox ទៅកំពូល (លំនាំដើម) កណ្តាល ឬចុងបញ្ចប់នៃ .media-body
មាតិការបស់អ្នក។
ប្រព័ន្ធផ្សព្វផ្សាយតម្រឹមកំពូល
Cras អង្គុយ amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin ។ Cras purus odio, vestibulum in vulputate at, tempus viverra turpis ។ Fusce condimentum nunc ac nisi vulputate fringilla ។ Donec lacinia congue felis នៅ faucibus ។
Donec sed odio dui ។ Nullam quis risus eget urna mollis ornare vel eu leo ។ Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
ប្រព័ន្ធផ្សព្វផ្សាយតម្រឹមកណ្តាល
Cras អង្គុយ amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin ។ Cras purus odio, vestibulum in vulputate at, tempus viverra turpis ។ Fusce condimentum nunc ac nisi vulputate fringilla ។ Donec lacinia congue felis នៅ faucibus ។
Donec sed odio dui ។ Nullam quis risus eget urna mollis ornare vel eu leo ។ Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
ប្រព័ន្ធផ្សព្វផ្សាយដែលតម្រឹមបាត
Cras អង្គុយ amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin ។ Cras purus odio, vestibulum in vulputate at, tempus viverra turpis ។ Fusce condimentum nunc ac nisi vulputate fringilla ។ Donec lacinia congue felis នៅ faucibus ។
Donec sed odio dui ។ Nullam quis risus eget urna mollis ornare vel eu leo ។ Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
បញ្ជាទិញ
ផ្លាស់ប្តូរលំដាប់នៃមាតិកានៅក្នុងវត្ថុមេឌៀដោយការកែប្រែ HTML ខ្លួនវាផ្ទាល់ ឬដោយការបន្ថែម CSS ប្រអប់បត់បែនផ្ទាល់ខ្លួនមួយចំនួនដើម្បីកំណត់ order
លក្ខណសម្បត្តិ (ជាចំនួនគត់ដែលអ្នកជ្រើសរើស)។
វត្ថុប្រព័ន្ធផ្សព្វផ្សាយ
Cras អង្គុយ amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin ។ Cras purus odio, vestibulum in vulputate at, tempus viverra turpis ។ Fusce condimentum nunc ac nisi vulputate fringilla ។ Donec lacinia congue felis នៅ faucibus ។បញ្ជីប្រព័ន្ធផ្សព្វផ្សាយ
ដោយសារតែវត្ថុមេឌៀមានតម្រូវការរចនាសម្ព័ន្ធតិចតួច អ្នកក៏អាចប្រើថ្នាក់ទាំងនេះនៅលើបញ្ជីធាតុ HTML ផងដែរ។ នៅលើរបស់អ្នក <ul>
ឬ <ol>
បន្ថែមការ .list-unstyled
លុបរចនាប័ទ្មបញ្ជីលំនាំដើមកម្មវិធីរុករកណាមួយ ហើយបន្ទាប់មកអនុវត្ត .media
ចំពោះ <li>
s របស់អ្នក។ ដូចសព្វមួយដង ប្រើឧបករណ៍ប្រើប្រាស់គម្លាតគ្រប់ទីកន្លែងដែលចាំបាច់ដើម្បីសម្រួល។
-
វត្ថុប្រព័ន្ធផ្សព្វផ្សាយផ្អែកលើបញ្ជី
Cras អង្គុយ amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin ។ Cras purus odio, vestibulum in vulputate at, tempus viverra turpis ។ Fusce condimentum nunc ac nisi vulputate fringilla ។ Donec lacinia congue felis នៅ faucibus ។ -
វត្ថុប្រព័ន្ធផ្សព្វផ្សាយផ្អែកលើបញ្ជី
Cras អង្គុយ amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin ។ Cras purus odio, vestibulum in vulputate at, tempus viverra turpis ។ Fusce condimentum nunc ac nisi vulputate fringilla ។ Donec lacinia congue felis នៅ faucibus ។ -
វត្ថុប្រព័ន្ធផ្សព្វផ្សាយផ្អែកលើបញ្ជី
Cras អង្គុយ amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin ។ Cras purus odio, vestibulum in vulputate at, tempus viverra turpis ។ Fusce condimentum nunc ac nisi vulputate fringilla ។ Donec lacinia congue felis នៅ faucibus ។