Bootstrap ไม่ทํางาน แก้ไขด้วย Responsive Meta Tag

Bootstrap ไม่ทํางานบนมือถือ แก้ไขด้วย Responsive Meta Tag บทความนี้สอนวิธีแก้ไขปัญหากรณีติดตั้ง Bootstrap เรียบร้อยแล้ว รันบน Desktop สามาถทำงานได้ แต่บนมือถือไม่ทำงาน มีรายละเอียดดังนี้

ตัวอย่าง Bootstrap ไม่ทํางาน แก้ไขด้วย Responsive Meta Tag

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

กรณีติดตั้ง Bootstrap ถูกต้องสามารถทำงานบน Desktop ได้แต่บนมือถือไม่ทำงาน ปัญหาที่พบเช่น การแสดงผลทะลุขอบจอ หรือตัวอักษรไม่ย่อตามขนาดการแสดงผลของจอ แนะนำให้วาง Responsive Meta Tag ตามโค้ดด้านบน ไว้ในแท็ก head ของเว็บไซต์ที่ต้องการใช้งาน Bootstrap Framework บนมือถือ