Este artigo compartilha o código específico para o Bootstrap para realizar o efeito de comutação de tags de guia para sua referência. O conteúdo específico é o seguinte
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> <link rel = "Stylesheet" href = "css/bootstrap.min.css"/> <script = "text/javscript" sc = "jqs/jkrs/jkrs/jkrs/jkrs/jkrs/jqer <.nin.css/jmin/script/javscript" sc = " type="text/javascript" src="js/bootstrap.min.js" ></script> </head> <body> <nav role="navigation"> <div> <div> <button data-toggle="collapse" data-target=".navbar-collapse"> <span></span> <span></span> <span></span> </button> <a href="#"> <img src = "img/logo.jpg" style = "altura: 50px; margin -top: -15px;"/> </a> </div> <div> <ul> <li> <a href = "#"> home </a> </li> <a> <a href = "#"> href = "#"> Produto </a> </li> <li> <a href = "#"> data-toggle = "suspenso"> Serviços <Curn> </span> </a> <ul> <li> <a href = "#"> atendimento ao cliente online <li> <a href = "#"> Endereço Telefone </a> </li> </li> </li> </li> <li> <a href = "#"> Mall </a> </li> </ul> <div> <a href = "#"> login </a> <a href = "#"> registro <aa> <a ">"> login </a> <a href = "" "> registro <aa> <but uma botão> Pesquise </lobton> </div> </div> </nav> <div style = "altura: 60px;"> </div> <div> <div> <div> <ul id = "mytab"> <li> <a href = "#xw1" data-toggle = 'tab'> news1 </a> <li>> <li> <li> <li> data-toggle = 'guia'> news2 </a> </li> </ul> <div> <div id = "xw1"> <p> <a href = "#"> Momentos de TPP ilustrados: sempre houve algo que não foi confessado nos Estados Unidos (figura) </a> <span> 2015-10-6 </span> </p> tem sido algo que não foi confessado nos Estados Unidos (imagem) </a> <pan> 2015-10-6 </span> </p> <p> <a href = "#"> Momentos de TPP ilustrados: houve algo que não foi confessado nos Estados Unidos (figura) </a> <span> 2015-10-6 </span> </p> 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 de TPP ilustrados: houve algo que não foi confessado nos Estados Unidos (imagem) </a> <pan> 2015-10-6 </span> </p> <p> <a href = "#"> Momentos ilustrados tpp: Houve algo que não foi confessado nos Estados Unidos () </aa> </div> </div> <div> <ul> <li> <a href = "#"> prática melhor 1 </a> </li> <li> <a href = "#"> prática recomendada 2 </a> </li> <li> <a href = "#"> best prática 3 </a> </li> <log> <a> <a href = "#"> prática melhor 3 </a> <H3> <a> Bootstrap </a> </h3> <p> Este é um texto explicativo curto para o aplicativo acima. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este é um texto explicativo curto para o aplicativo acima. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este é um texto explicativo curto para o aplicativo acima. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este é um texto explicativo curto para o aplicativo acima. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este é um texto explicativo curto para o aplicativo acima. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <h3> <a> bootstrap </a> </h3> <p> Este é um texto explicativo curto para o aplicativo acima. </p> </div> </div> <div> <div> <h3> Este é um novo método de desenvolvimento para html5 </h3> </div> <p> look look </p> </div> </div> </div> </div> </div> <cript> // $ ('#mytab (href = x2 "] //#$ ('#mytab a: last'). tab ('show'); $ ('#mytab a: eq (1)'). TAB ('show') </sCript> </body> </html>Se você ainda deseja estudar em profundidade, pode clicar aqui para estudar e anexar 3 tópicos interessantes a você:
Tutorial de aprendizado de bootstrap
Tutorial prático de bootstrap
Tutorial de uso de plug-in bootstrap
O exposto acima é tudo sobre este artigo, e espero que seja útil que todos aprendam programação de bootstrap.