Este artículo comparte el código específico para Bootstrap para realizar el efecto de conmutación de la etiqueta de pestaña para su referencia. El contenido específico es el siguiente
< type = "text/javaScript" src = "js/bootstrap.min.js"> </script> </head> <body> <navy role = "navegación"> <div> <div> <button data-toggle = "colapss" data-target = ". href = "#"> <img src = "img/logo.jpg" style = "Height: 50px; margin -top: -15px;"/> </a> </div> <div> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> news </a> </li " href = "#"> producto </a> </li> <li> <a href = "#"> data-toggle = "desplegable"> Servicios <span> </span> </a> <ul> <li> <a href = "#"> Servicio al cliente en línea </a> </li> <li> </li> <li> <a href = "#"> faq </a> </a> </li> <li> <a href = "#"> Teléfono de dirección </a> </li> </li> </li> </li> <li> <a href = "#"> Mall </a> </li> </ul> <div> <a href = "#"> login </aa> <a href = "#"> registrar </a> <input type = "texting" lexter " <botón> Search </boton> </div> </div> </ar Nav> <div style = "Height: 60px;"> </div> <div> <div> <div> <ul id = "mytab"> <li> <a href = "#xw1" data-toggle = 'tab'> news1 </a> </li> <li> <a href = "#xw2" "" "" " data-toggle = 'tab'> news2 </a> </li> </ul> <div> <div id = "xw1"> <p> <a href = "#"> Momentos ilustrados de TPP: siempre ha habido algo que no ha sido confesado en los Estados Unidos (imagen) </a> <span> 2015-10-6 </span> </p> <p> <p> <a href = "#"#"#" ha sido algo que no ha sido confesado en los Estados Unidos (imagen) </a> <span> 2015-10-6 </span> </p> <p> <a href = "#"> Momentos ilustrados de TPP: ha habido algo que no ha sido confesado en los Estados Unidos (imagen) </a> <span> 2015-10-6 </span> </p> <p> <p> <a href = "#"#"#": " something that has not been confessed in the United States (picture)</a><span>2015-10-6</span></p> </div> <div id="xw2"> <p><a href="#">Illustrated TPP Moments: There has been something that has not been confessed in the United States (picture)</a><span>2015-10-5</span></p> <p><a href = "#"> Momentos ilustrados de TPP: ha habido algo que no ha sido confesado en los Estados Unidos (imagen) </a> <span> 2015-10-6 </span> </p> <p> <a href = "#"> Momentos ilustrados de TPP: ha habido algo que no ha sido confesado en los estados unidos (imagen) </a> <span> 2015-10 </span> </span> </span> </span> </p> </p> </div> </div> <div> <ul> <li> <a href = "#"> Mejor práctica 1 </a> </li> <li> <a href = "#"> Mejor práctica 2 </a> </li> <li> <a href = "#"> Best Practice 3 </a> </li> </div> <Div> <IMG src = "IMG/LOGO <h3> <a> bootstrap </a> </h3> <p> Este es un texto explicativo corto para la aplicación anterior. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este es un texto explicativo breve para la aplicación anterior. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este es un texto explicativo breve para la aplicación anterior. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este es un texto explicativo breve para la aplicación anterior. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este es un texto explicativo breve para la aplicación anterior. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este es un texto explicativo breve para la aplicación anterior. </p> </div> </div> <div> <div> <h3> Este es un nuevo método de desarrollo para html5 </h3> </div> <p> apartar </p> </div> </div> </div> </div> </div> <script> // $ ('#mytab a [href = "#xw2"]'). Tab ('show'); //#$ ('#mytab A: Last'). Tab ('show'); $ ('#mytab a: eq (1)'). tab ('show') </script> </body> </html>Si aún desea estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de complemento de bootstrap
Lo anterior se trata de este artículo, y espero que sea útil para todos aprender la programación de bootstrap.