Artikel ini membagikan kode spesifik untuk bootstrap untuk mewujudkan efek switching tag tab untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
<! Doctype html> <html> <head> <meta charset = "utf-8"> <itement> </iteme> <tautan rel = "stylesheet" href = "css/bootstrap.min.css"/> <script = "teks/javaScript" src = "JS/jquery. src = "js/bootstrap.min.js"> </script> </head> <body> <nav role = "navigation"> <vect> <div> <tombol data-kilat = "collapse" data-target = "</navbar-collapse"> <span> <pan> <span> </span> </span> </span> </span = "a" span = "span> </span> </span> </span =" a "span =" </span> </span> </span> src = "img/logo.jpg" style = "Tinggi: 50px; margin -top: -15px;"/> </a> </div> <li> <ul> <li> <a href = "#"> </a> </li> <li> <a href = "#"> News </a> </a> </li> <a> <a href = "#"> News </a> </a> </li> <a> <a href = "#"> News </a> </a> </li> <a> <a href = "#"> News </a> </a> </li> <a> <a href = "#"> News </a> </a> </li> <a> <a href = "#"> News </a> </a> </li> <a> <a href = "#"> News </a> </a> </li> <a> <a href = "#"> News </a> </a> </li> <a> <li> <a href="#">Data-toggle="dropdown">Services<span></span></a> <ul> <li><a href="#">Customer Service Online</a></li> <li></li> <li><a href="#">FAQ</a></li> <li></li> <li><a href="#">Address Telepon </a> </li> </li> </li> </li> <li> <a href = "#"> mall </a> </li> </ul> <verv> <a href = "#"> login </a> <a href = "#"> Register </a> <input type = "Teks" </div> </bav> <div style = "Tinggi: 60px;"> </div> <div> <div> <ver> <ul id = "mytab"> <li> <a href = "#xw1" data-kilat = 'tab'> </a> </li> <li> <a href = "#xw2"/lief/ta/ta/ta/ta/lief/</a> <li> <li> <Li> <Li> <a href = "xw2"#xw2 "#xw2" <dv> <div id = "xw1"> <p> <a href = "#"> Momen TPP yang diilustrasikan: Selalu ada sesuatu yang belum diakui di Amerika Serikat (gambar) </a> <span> 2015-10-6 </span> </p> <p> Tidak ada yang diilustrasikan di negara-negara yang diilustrasikan sebagai sesuatu yang diilustrasikan TPP Moments: (gambar) </a> <span> 2015-10-6 </span> </p> <p> <a href = "#"> Momen TPP yang diilustrasikan: ada sesuatu yang belum diakui di Amerika Serikat (gambar) </a> <pan> di negara-negara yang tidak ada yang ada di negara-negara. (gambar) </a> <span> 2015-10-6 </span> </p> </div> <div id = "xw2"> <p> <a href = "#"> Momen TPP yang diilustrasikan: ada sesuatu yang belum diakui di Amerika Serikat (gambar) </a> <span> 2015-10-5 </span> </ppps (gambar) </a> <span> 2015-10-5 </span> </ppps) </a> <span> 2015-10-5 </span> Menjadi sesuatu yang belum diakui di Amerika Serikat (gambar) </a> <span> 2015-10-6 </span> </p> <p> <a href = "#"> Momen TPP yang diilustrasikan: ada sesuatu yang belum diakui </p> </v> <pan> <span> 2015-10-6 </span> </p> href = "#"> Praktik Terbaik 1 </a> </li> <li> <a href = "#"> Praktik Terbaik 2 </a> </li> <li> <a href = "#"> </a> </li> </div> <img src = "img/lOgo.jpg"/</div> <img src = "img/lOgo.jpg"/ <p> Ini adalah teks penjelasan singkat untuk aplikasi di atas. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <dv> <h3> <a> bootstrap </a> </h3> <p> Ini adalah teks penjelas singkat untuk aplikasi di atas. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <dv> <h3> <a> bootstrap </a> </h3> <p> Ini adalah teks penjelas singkat untuk aplikasi di atas. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <dv> <h3> <a> bootstrap </a> </h3> <p> Ini adalah teks penjelas singkat untuk aplikasi di atas. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <dv> <h3> <a> bootstrap </a> </h3> <p> Ini adalah teks penjelas singkat untuk aplikasi di atas. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <dv> <h3> <a> bootstrap </a> </h3> <p> Ini adalah teks penjelas singkat untuk aplikasi di atas. </p> </div> </div> <div> <div> <h3> Ini adalah metode pengembangan baru untuk html5 </h3> </div> <p> tampilan </p> </div> </div> </div> </div> </div> <script> ('); //#$ ('#mytab a: last'). tab ('show'); $ ('#mytab a: eq (1)'). tab ('show') </ptript> </body> </html>Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan 3 topik menarik kepada Anda:
Tutorial Pembelajaran Bootstrap
Tutorial Praktis Bootstrap
Tutorial Penggunaan Plug-In Bootstrap
Di atas adalah semua tentang artikel ini, dan saya harap akan sangat membantu bagi semua orang untuk belajar pemrograman bootstrap.