Source

ອຸປະໂພກສໍາລັບການຈັດວາງ

ສໍາລັບການພັດທະນາທີ່ເປັນມິດກັບມືຖືແລະຕອບສະຫນອງໄດ້ໄວຂຶ້ນ, Bootstrap ປະກອບມີຫ້ອງຮຽນປະໂຫຍດຫຼາຍສິບຊັ້ນສໍາລັບການສະແດງ, ເຊື່ອງ, ການຈັດຕໍາແຫນ່ງແລະຊ່ອງຫວ່າງເນື້ອຫາ.

ການປ່ຽນແປງdisplay

ໃຊ້ ອຸປະກອນການ ສະແດງຜົນ ຂອງພວກເຮົາ ເພື່ອຕອບສະໜອງການສະຫຼັບຄ່າທົ່ວໄປຂອງ displayຊັບສິນ. ປະສົມມັນກັບລະບົບຕາຂ່າຍ, ເນື້ອຫາ ຫຼືອົງປະກອບຂອງພວກເຮົາເພື່ອສະແດງ ຫຼືເຊື່ອງພວກມັນໃນທົ່ວຊ່ອງເບິ່ງສະເພາະ.

ຕົວເລືອກ Flexbox

Bootstrap 4 ຖືກສ້າງຂຶ້ນດ້ວຍ flexbox, ແຕ່ບໍ່ແມ່ນທຸກໆອົງປະກອບທີ່ displayມີການປ່ຽນແປງ display: flexຍ້ອນວ່ານີ້ຈະເພີ່ມການ overrides ທີ່ບໍ່ຈໍາເປັນຈໍານວນຫຼາຍແລະການປ່ຽນແປງພຶດຕິກໍາທີ່ສໍາຄັນຂອງຕົວທ່ອງເວັບໂດຍບໍ່ຄາດຄິດ. ອົງປະກອບ ສ່ວນໃຫຍ່ຂອງ ພວກເຮົາ ແມ່ນຖືກສ້າງຂຶ້ນດ້ວຍ flexbox ທີ່ເປີດໃຊ້.

ຖ້າເຈົ້າຕ້ອງການເພີ່ມ display: flexໃສ່ອົງປະກອບໃດໜຶ່ງ, ໃຫ້ເຮັດແນວນັ້ນດ້ວຍ .d-flexຫຼືໜຶ່ງໃນຕົວແປທີ່ຕອບສະໜອງ (ຕົວຢ່າງ, .d-sm-flex). ທ່ານຈະຕ້ອງການຊັ້ນຮຽນຫຼື displayມູນຄ່ານີ້ເພື່ອອະນຸຍາດໃຫ້ນໍາໃຊ້ປະໂຫຍດພິເສດຂອງພວກເຮົາ flexbox ສໍາລັບຂະຫນາດ, ການຈັດຕໍາແຫນ່ງ, ໄລຍະຫ່າງ, ແລະອື່ນໆ.

ຂອບແລະ padding

ໃຊ້ປະໂຫຍດ marginແລະ padding ຊ່ອງຫວ່າງ ເພື່ອຄວບຄຸມວິທີການຈັດລຽງຂອງອົງປະກອບແລະອົງປະກອບທີ່ມີໄລຍະຫ່າງແລະຂະຫນາດ. Bootstrap 4 ປະກອບມີຂະຫນາດຫ້າລະດັບສໍາລັບ utilities ໄລຍະຫ່າງ, ອີງຕາມ ຕົວແປ 1remຄ່າເລີ່ມຕົ້ນ $spacer. ເລືອກຄ່າສໍາລັບ viewports ທັງຫມົດ (ເຊັ່ນ: .mr-3ສໍາລັບ margin-right: 1rem), ຫຼືເລືອກ variants ຕອບສະຫນອງເພື່ອເປົ້າຫມາຍ viewports ສະເພາະ (ເຊັ່ນ: .mr-md-3ສໍາລັບການ margin-right: 1remເລີ່ມຕົ້ນທີ່ mdbreakpoint).

ສະຫຼັບvisibility

ເມື່ອການສະຫຼັບ displayບໍ່ຈຳເປັນ, ທ່ານສາມາດສະຫຼັບ visibilityອົງປະກອບໃດໜຶ່ງດ້ວຍອຸປະກອນການ ເບິ່ງເຫັນ ຂອງພວກເຮົາ . ອົງປະກອບທີ່ເບິ່ງບໍ່ເຫັນຍັງຈະສົ່ງຜົນກະທົບຕໍ່ຮູບແບບຂອງຫນ້າ, ແຕ່ຖືກເຊື່ອງໄວ້ໂດຍສາຍຕາຈາກຜູ້ມາຢ້ຽມຢາມ.