ການຈັດວາງຕາຂ່າຍພື້ນຖານເພື່ອໃຫ້ເຈົ້າຄຸ້ນເຄີຍກັບການສ້າງພາຍໃນລະບົບຕາຂ່າຍ Bootstrap.
ໃນຕົວຢ່າງເຫຼົ່ານີ້ .themed-grid-colຫ້ອງຮຽນຖືກເພີ່ມໃສ່ຖັນເພື່ອເພີ່ມຫົວຂໍ້ບາງຢ່າງ. ນີ້ບໍ່ແມ່ນຫ້ອງຮຽນທີ່ມີຢູ່ໃນ Bootstrap ໂດຍຄ່າເລີ່ມຕົ້ນ.
ມີຫ້າຊັ້ນຂອງລະບົບຕາຂ່າຍ Bootstrap, ຫນຶ່ງສໍາລັບແຕ່ລະອຸປະກອນທີ່ພວກເຮົາສະຫນັບສະຫນູນ. ແຕ່ລະຊັ້ນເລີ່ມຕົ້ນດ້ວຍຂະໜາດຊ່ອງເບິ່ງຕ່ຳສຸດ ແລະ ນຳໃຊ້ກັບອຸປະກອນທີ່ໃຫຍ່ກວ່າໂດຍອັດຕະໂນມັດ ເວັ້ນເສຍແຕ່ຈະ overridden.
ເອົາສາມຖັນຄວາມກວ້າງເທົ່າກັນ ເລີ່ມຈາກເດັສທັອບ ແລະປັບຂະໜາດເປັນເດັສທັອບຂະໜາດໃຫຍ່ . ໃນອຸປະກອນມືຖື, ແທັບເລັດແລະຂ້າງລຸ່ມນີ້, ຖັນຈະ stack ອັດຕະໂນມັດ.
ເອົາສາມຖັນ ເລີ່ມຕົ້ນຈາກເດັສທັອບ ແລະປັບຂະໜາດໄປຫາເດັສທັອບຂະໜາດໃຫຍ່ ທີ່ມີຄວາມກວ້າງຕ່າງໆ. ຈືຂໍ້ມູນການ, ຖັນຕາຂ່າຍໄຟຟ້າຄວນເພີ່ມເຖິງສິບສອງສໍາລັບຕັນແນວນອນດຽວ. ຫຼາຍກວ່ານັ້ນ, ແລະຖັນເລີ່ມຕົ້ນ stacking ບໍ່ວ່າ viewport ໄດ້.
ເອົາສອງຖັນ ເລີ່ມຈາກເດັສທັອບ ແລະປັບຂະໜາດເປັນເດັສທັອບຂະໜາດໃຫຍ່ .
ບໍ່ມີຫ້ອງຮຽນຕາຕະລາງແມ່ນມີຄວາມຈໍາເປັນສໍາລັບອົງປະກອບເຕັມຄວາມກວ້າງ.
ຕາມເອກະສານ, ການສ້າງຮັງແມ່ນງ່າຍ - ພຽງແຕ່ໃສ່ແຖວແຖວຢູ່ໃນຖັນທີ່ມີຢູ່ແລ້ວ. ນີ້ເຮັດໃຫ້ທ່ານມີສອງຄໍລໍາ ເລີ່ມຕົ້ນຈາກ desktops ແລະຂະຫນາດໄປຫາ desktops ຂະຫນາດໃຫຍ່ , ກັບອີກສອງຖັນ (ຄວາມກວ້າງເທົ່າທຽມກັນ) ພາຍໃນຖັນໃຫຍ່.
ໃນຂະຫນາດອຸປະກອນມືຖື, ແທັບເລັດແລະລົງ, ຖັນເຫຼົ່ານີ້ແລະຖັນທີ່ຊ້ອນກັນຂອງພວກມັນຈະ stack.
ລະບົບຕາຕະລາງ Bootstrap v4 ມີຫ້າຊັ້ນຂອງຊັ້ນຮຽນ: xs (ຂະຫນາດນ້ອຍພິເສດ), sm (ຂະຫນາດນ້ອຍ), md (ຂະຫນາດກາງ), lg (ຂະຫນາດໃຫຍ່), ແລະ xl (ຂະຫນາດໃຫຍ່ພິເສດ). ທ່ານສາມາດນໍາໃຊ້ເກືອບທຸກປະສົມຂອງຫ້ອງຮຽນເຫຼົ່ານີ້ເພື່ອສ້າງຮູບແບບເຄື່ອນໄຫວແລະປ່ຽນແປງໄດ້ຫຼາຍຂຶ້ນ.
ແຕ່ລະຊັ້ນຮຽນເພີ່ມຂຶ້ນ, ຊຶ່ງຫມາຍຄວາມວ່າຖ້າທ່ານວາງແຜນທີ່ຈະກໍານົດຄວາມກວ້າງດຽວກັນສໍາລັບ xs ແລະ sm, ທ່ານພຽງແຕ່ຕ້ອງການລະບຸ xs.