Bootstrap ແລະ Masonry
ປະສົມປະສານ Masonry ກັບລະບົບຕາຂ່າຍ Bootstrap ແລະອົງປະກອບບັດ.
Masonry ບໍ່ໄດ້ລວມຢູ່ໃນ Bootstrap. ເພີ່ມມັນໂດຍການລວມເອົາ plugin JavaScript ດ້ວຍຕົນເອງ, ຫຼືໃຊ້ CDN ເຊັ່ນ:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
ໂດຍການເພີ່ມ data-masonry='{"percentPosition": true }'ໃສ່ .rowwrapper, ພວກເຮົາສາມາດສົມທົບອໍານາດຂອງຕາຂ່າຍໄຟຟ້າຕອບສະຫນອງຂອງ Bootstrap ແລະການຈັດຕໍາແຫນ່ງຂອງ Masonry.
ຊື່ບັດທີ່ຕັດໄປແຖວໃໝ່
ນີ້ແມ່ນບັດທີ່ຍາວກວ່າທີ່ມີຂໍ້ຄວາມສະຫນັບສະຫນູນຂ້າງລຸ່ມນີ້ເປັນການນໍາພາທໍາມະຊາດໄປສູ່ເນື້ອຫາເພີ່ມເຕີມ. ເນື້ອຫານີ້ແມ່ນຍາວເລັກນ້ອຍ.
ຄໍາເວົ້າທີ່ມີຊື່ສຽງ, ບັນຈຸຢູ່ໃນອົງປະກອບ blockquote.
ຊື່ບັດ
ບັດນີ້ມີຂໍ້ຄວາມສະໜັບສະໜຸນຢູ່ລຸ່ມນີ້ ເປັນການນຳທາງທຳມະຊາດໄປຫາເນື້ອຫາເພີ່ມເຕີມ.
ອັບເດດຫຼ້າສຸດ 3 ນາທີກ່ອນ
ຄໍາເວົ້າທີ່ມີຊື່ສຽງ, ບັນຈຸຢູ່ໃນອົງປະກອບ blockquote.
ຊື່ບັດ
ບັດນີ້ມີຫົວຂໍ້ປົກກະຕິ ແລະຫຍໍ້ໜ້າສັ້ນຂອງຂໍ້ຄວາມຢູ່ລຸ່ມນີ້.
ອັບເດດຫຼ້າສຸດ 3 ນາທີກ່ອນ
ຄໍາເວົ້າທີ່ມີຊື່ສຽງ, ບັນຈຸຢູ່ໃນອົງປະກອບ blockquote.
ຊື່ບັດ
ນີ້ແມ່ນບັດອີກອັນໜຶ່ງທີ່ມີຊື່ ແລະຂໍ້ຄວາມທີ່ຮອງຮັບຢູ່ລຸ່ມນີ້. ບັດນີ້ມີເນື້ອໃນເພີ່ມເຕີມເພື່ອເຮັດໃຫ້ມັນສູງເລັກນ້ອຍໂດຍລວມ.
ອັບເດດຫຼ້າສຸດ 3 ນາທີກ່ອນ