บทความนี้แชร์รหัสเฉพาะสำหรับ Bootstrap เพื่อรับรู้เอฟเฟกต์การสลับแท็บแท็บสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> <link rel = "stylesheet" href = "css/bootstrap.min.css"/> <script type = "script/jaVascript" type = "text/javascript" src = "js/bootstrap.min.js"> </script> </head> <body> <body> <nav role = "การนำทาง"> <div> <div> <button data-toggle = "span> </</span> <img src = "img/logo.jpg" style = "ความสูง: 50px; margin -top: -15px;"/> </a> </div> <div> <ul> <li> <a href = "#"> บ้าน </a> </li> <li> href = "#"> ผลิตภัณฑ์ </a> </li> <li> <a href = "#"> data-toggle = "dropdown"> บริการ <span> </pan> </a> <ul> <li> <a href = "#"> บริการลูกค้าออนไลน์ </a> </li> <li> <li> <a href = "#"> ที่อยู่โทรศัพท์ </a> </li> </li> </li> </li> <li> <a href = "#"> ห้างสรรพสินค้า </a> </li> <button> ค้นหา </button> </div> </div> </av> <div style = "ความสูง: 60px;"> </div> <div> <div> <div> <ul id = "mytab"> <li> <a href = "#xw1" data-toggle = data-toggle = 'tab'> news2 </a> </li> </ul> <div> <div id = "xw1"> <p> <a href = "#"> ภาพประกอบ TPP ภาพประกอบ: มีสิ่งที่ไม่ได้รับการสารภาพในสหรัฐอเมริกาเสมอ เป็นสิ่งที่ไม่ได้รับการสารภาพในสหรัฐอเมริกา (รูปภาพ) </a> <span> 2015-10-6 </span> </p> <p> <a href = "#"> ภาพประกอบ TPP ภาพประกอบ: มีบางสิ่งที่ไม่ได้รับการสารภาพในสหรัฐอเมริกา บางสิ่งที่ไม่ได้รับการสารภาพในสหรัฐอเมริกา (รูปภาพ) </a> <span> 2015-10-6 </span> </p> </div> <div id = "xw2"> <p> <a href = "#"> ภาพประกอบ tpp </> </</</</</</ HREF = "#"> ภาพประกอบ TPP: มีบางสิ่งที่ไม่ได้รับการสารภาพในสหรัฐอเมริกา (รูปภาพ) </a> <span> 2015-10-6 </span> </p> <p> <a href = "#"> ช่วงเวลา TPP ที่แสดง: มีบางสิ่งบางอย่างที่ไม่ได้รับการสารภาพในสหรัฐอเมริกา </div> </div> <div> <ul> <li> <a href = "#"> แนวปฏิบัติที่ดีที่สุด 1 </a> </li> <li> <a href = "#"> แนวทางปฏิบัติที่ดีที่สุด 2 </a> </li> <li> <a href = "#" <h3> <a> bootstrap </a> </h3> <p> นี่เป็นข้อความอธิบายสั้น ๆ สำหรับแอปพลิเคชันข้างต้น </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> นี่เป็นข้อความอธิบายสั้น ๆ สำหรับแอปพลิเคชันข้างต้น </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> นี่เป็นข้อความอธิบายสั้น ๆ สำหรับแอปพลิเคชันข้างต้น </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> นี่เป็นข้อความอธิบายสั้น ๆ สำหรับแอปพลิเคชันข้างต้น </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> นี่เป็นข้อความอธิบายสั้น ๆ สำหรับแอปพลิเคชันข้างต้น </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> นี่เป็นข้อความอธิบายสั้น ๆ สำหรับแอปพลิเคชันข้างต้น </p> </div> </div> <div> <div> <h3> นี่คือวิธีการพัฒนาใหม่สำหรับ html5 </h3> </div> <p> ดูดู </p> </div> </div> </div> </div> </div> //#$ ('#mytab a: สุดท้าย') แท็บ ('show'); $ ('#mytab a: eq (1)') แท็บ ('show') </script> </body> </html>หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อศึกษาและแนบ 3 หัวข้อที่น่าตื่นเต้นให้คุณ:
การสอนการเรียนรู้ bootstrap
การสอนการใช้งาน Bootstrap
การสอนการใช้งานปลั๊กอิน bootstrap
ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้และฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคนในการเรียนรู้การเขียนโปรแกรม bootstrap