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