Bootstrap จาก Twitter เป็นเฟรมเวิร์กส่วนหน้ายอดนิยมมากที่สุดในปัจจุบัน Bootstrap ขึ้นอยู่กับ HTML, CSS และ JavaScript มันง่ายและยืดหยุ่นทำให้การพัฒนาเว็บเร็วขึ้น แถบการนำทางที่ตอบสนองคือการดูเอฟเฟกต์ที่แตกต่างกันในอุปกรณ์ที่แตกต่างกัน
ให้ฉันแบ่งปันรหัสด้านล่าง:
<header role = "แบนเนอร์"> <nav role = "การนำทาง"> <div> <div> <div button type = "ปุ่ม" data-toggle = "ยุบ" data-target = ". navbar-collapse"> <pan> </span> href = "index.html"> bootstrappin '</a> </div> <ul> <li> <a href = "index.html"> บ้าน </a> </li> <li> <a href = "#"> พอร์ตโฟลิโอ </a> </li> href = "#"> ติดต่อ </a> </li></ul> </div> <!-/. nav-collapse-> </div> <!-/. container-> </av> </header>
data-toggle =” การล่มสลาย” พฤติกรรมที่คาดหวัง
เนื้อหาข้างต้นเป็นตัวอย่างการแนะนำสำหรับ Bootstrap แถบการนำทางที่ตอบสนองได้แนะนำให้คุณรู้จักโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ!