이 기사에서는 부트 스트랩에 대한 특정 코드를 공유하여 참조의 탭 태그 전환 효과를 실현합니다. 특정 내용은 다음과 같습니다
<! docType html> <html> <head> <meta charset = "utf-8"> <title> </title> <link rel = "stylesheet"href = "css/bootstrap.min.css"/> <script type = "text/javascript"src = "js/jquery.min.js"> 유형 = "text/javaScript"src = "js/bootstrap.min.js"> </script> </head> <body> <nav 역할 = "navigation"> <div> <div> <버튼 데이터-토글 = "붕괴"data-target = ". navbar-collapse"> </span> <span> </span> < href = "#"> <img src = "img/logo.jpg"style = "height : 50px; margin -top : -15px;"/> </a> </a> </div> <div> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"#"</li>>>>>>>>>>>>>>>>>>>> </li>> </li> href = "#"> product </a> </a> </li> <li> <a href = "#"> data-toggle = "dropdown"> 서비스 <span> </span> </a> <ul> <li> <a href = "#"> 고객 서비스 온라인 </a> </li> <li> <li> <li> <a href = "#"> faq </a> </> </> </> </> </>> <li> <a href = "#"> 주소 전화 </a> </a> </li> </li> </li> </li> <li> <a href = "#"> mall </a> </li> </ul> <div> <a href = "#"> login </a> <a href = "#"terger </a> <inter inter inter inter inter tern inter " </button> 검색 </button> </div> </div> </nav> <div style = "height : 60px;"> "> </div> <div> <div> <ul id ="mytab "> <li> <a href ="#xw1 "data-toggle = 'tab'> news1 </a> <li> <a href ="#xw2 " data-toggle = 'tab'> news2 </a> </li> </li> </li> </li> <div> <div> <div id = "xw1"> <p> <a href = "#"> 그림 TPP 순간 : 미국에서 고백되지 않은 것이 항상있었습니다 (그림) </a> <a> <a> <a> 2015-10-6 </sp> 항상 미국에서 고백하지 않은 것이 었습니다. 미국에서 고백하지 않은 것이 항상있었습니다 (그림) </a> <a> <a> <span> <span> 2015-10-6 </p> </div> <div id = "xw2"> <p> <a href = "#"> 예시 된 TPP 순간 : 미국에서 고백하지 않은 것이 었습니다. href = "#"> TPP 순간 : 미국에서 고백되지 않은 것이 있었다 (그림) </a> <a> <a> <a> <span> 2015-10-6 </span> </p> <p> <a href = "#"> 예시 된 TPP 순간 : 미국에서 자백하지 않은 것이 있었다. </div> </div> <div> <ul> <li> <a href = "#"> 모범 사례 1 </a> </a> </li> <li> <a href = "#"> 모범 사례 2 </a> </li> <li> <a href = "#"> Best Practice 3 </a> </li> <div> <img src = "img/gogo. <H3> <a> 부트 스트랩 </a> </h3> <p> 이것은 위의 응용 프로그램에 대한 짧은 설명 텍스트입니다. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <a> bootstrap </a> </h3> <p> 이것은 위의 응용 프로그램에 대한 짧은 설명 텍스트입니다. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <a> bootstrap </a> </h3> <p> 이것은 위의 응용 프로그램에 대한 짧은 설명 텍스트입니다. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <a> bootstrap </a> </h3> <p> 이것은 위의 응용 프로그램에 대한 짧은 설명 텍스트입니다. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <a> bootstrap </a> </h3> <p> 이것은 위의 응용 프로그램에 대한 짧은 설명 텍스트입니다. </p> </div> </div> </div> <div> <img src = "img/logo.jpg"/> <div> <a> bootstrap </a> </h3> <p> 이것은 위의 응용 프로그램에 대한 짧은 설명 텍스트입니다. </p> </div> </div> <div> <div> <h3> 이것은 html5의 새로운 개발 방법입니다. //#$ ( '#myTab a : last'). Tab ( 'show'); $ ( '#mytab a : eq (1)'). Tab ( 'show') </script> </body> </html>
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위의 내용은이 기사에 관한 모든 것이며, 모든 사람들이 부트 스트랩 프로그래밍을 배우는 것이 도움이되기를 바랍니다.