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

ການປ່ຽນແປງdisplay

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

ຕົວເລືອກ Flexbox

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

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

ຂອບແລະ padding

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

ສະຫຼັບvisibility

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