ປິດການທໍາງານການຕອບສະຫນອງຂອງ Bootstrap ໂດຍການແກ້ໄຂຄວາມກວ້າງຂອງບັນຈຸແລະການນໍາໃຊ້ລະດັບລະບົບຕາຂ່າຍໄຟຟ້າທໍາອິດ. ອ່ານເອກະສານ ສໍາລັບຂໍ້ມູນເພີ່ມເຕີມ.
ໃຫ້ສັງເກດການຂາດ <meta name="viewport" content="width=device-width, initial-scale=1">, ເຊິ່ງປິດລັກສະນະການຂະຫຍາຍເວັບໄຊທ໌ໃນອຸປະກອນມືຖື. ນອກຈາກນັ້ນ, ພວກເຮົາຣີເຊັດຄວາມກວ້າງຂອງຖັງຂອງພວກເຮົາ ແລະປ່ຽນແຖບນຳທາງເພື່ອປ້ອງກັນການພັງລົງ, ແລະໂດຍພື້ນຖານແລ້ວແມ່ນດີທີ່ຈະໄປ.
ໃນຖານະເປັນຫົວຫນ້າເຖິງ, ອົງປະກອບ navbar ແມ່ນມີຄວາມຫຍຸ້ງຍາກຫຼາຍຢູ່ທີ່ນີ້ໃນວ່າຮູບແບບສໍາລັບການສະແດງມັນແມ່ນຂ້ອນຂ້າງສະເພາະແລະລາຍລະອຽດ. ຍົກເລີກເພື່ອຮັບປະກັນວ່າການສະແດງຮູບແບບຂອງເດັສທັອບບໍ່ມີປະສິດທິພາບ ຫຼືເງົາງາມຕາມທີ່ເຮົາຕ້ອງການ. ພຽງແຕ່ຮັບຮູ້ວ່າອາດຈະມີ gotchas ທີ່ມີທ່າແຮງໃນຂະນະທີ່ທ່ານສ້າງຢູ່ເທິງສຸດຂອງຕົວຢ່າງນີ້ໃນເວລາໃຊ້ navbar.
ການຈັດວາງທີ່ບໍ່ຕອບສະໜອງເນັ້ນຂໍ້ບົກຜ່ອງທີ່ສຳຄັນຕໍ່ກັບອົງປະກອບຄົງທີ່. ອົງປະກອບຄົງທີ່, ເຊັ່ນແຖບ navbar ຄົງທີ່, ຈະບໍ່ສາມາດເລື່ອນໄດ້ໃນເວລາທີ່ viewport ກາຍເປັນແຄບກວ່າເນື້ອໃນຂອງຫນ້າ. ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ເນື່ອງຈາກຄວາມກວ້າງຂອງຖັງທີ່ບໍ່ຕອບສະຫນອງຂອງ 970px ແລະ viewport ຂອງ 800px, ທ່ານອາດຈະເຊື່ອງເນື້ອຫາ 170px.
ບໍ່ມີທາງໃນເລື່ອງນີ້ຍ້ອນວ່າມັນເປັນພຶດຕິກໍາຂອງຕົວທ່ອງເວັບເລີ່ມຕົ້ນ. ການແກ້ໄຂພຽງແຕ່ແມ່ນຮູບແບບທີ່ຕອບສະຫນອງຫຼືໃຊ້ອົງປະກອບທີ່ບໍ່ຄົງທີ່.