โมดอลคือหน้าต่างที่แยกจากหน้าต่างหลักของหน้าเว็บ จุดประสงค์หลักคือเพื่อปิดการใช้งานหน้าต่างหลักจากการโต้ตอบกับผู้ใช้และเพื่อแบ่งปันข้อมูลหรือยืนยันบางสิ่งกับผู้ใช้ Modal windows เป็นที่นิยมใช้เป็นส่วนประกอบในการเข้าสู่ระบบ การยืนยันการป้อนข้อมูลของผู้ใช้ หรือการใช้งานอื่นๆ มากมาย
Bootstrap เป็นเฟรมเวิร์กที่ช่วยให้เราสร้างส่วนประกอบได้เร็วมาก ในบทความนี้ เราจะทบทวนวิธีตั้งค่า Bootstrap เรียนรู้ว่าทำไมเราจึงอาจต้องใช้ Modal และดูตัวอย่างของ Modal ในการใช้งานจริงโดยใช้ Bootstrap framework
เริ่มต้นใช้งาน
เพื่อให้แน่ใจว่าเราสามารถดูโมดอลในหน้าเว็บของเราได้ ตรวจสอบให้แน่ใจว่าเรามีการอ้างอิงที่เหมาะสม สำหรับโครงการนี้ เราต้องการ Bootstrap, Popper.JS และ jQuery ไปที่หน้าเริ่มต้นอย่างรวดเร็วของ Bootstrap เพื่อขอความช่วยเหลือในการรับการอ้างอิงทั้งหมดของคุณ
ขึ้นอยู่กับคุณว่าจะเชื่อมโยงแพ็คเกจที่เราต้องการอย่างไร แต่วิธีที่ง่ายที่สุดและเป็นมิตรกับผู้เริ่มต้นมากที่สุดคือการใช้เครือข่ายการจัดส่งเนื้อหา – CDN – สำหรับ jQuery, Popper.js และ Bootstrap ระวังการเรียงลำดับของแท็ก
