이 예 에서이 기사는 부트 스트랩 탐색 막대의 특정 코드를 공유하고 참조 할 로그인 박스를 공유합니다. 단점이 있는지 이해하고 함께 배우고 진전을 이루십시오.
<! 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/mylogo.png"style = "height : 50px; margin -top : -15px;"/> </a> </a> </a> </div> <div> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"</li>> </li>> <</li> <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 inter " </button> 검색 </button> </div> </div> </nav> <div style = "height : 50px;"> "> </div> <div> <h1> </span> 사용자 로그인 </h1> <form> <div> <div> <입력 유형 ="텍스트 "username/email"/> </div> <div> <div> <input type ""placether ". </div> </div> <div> <div> <butty> 로그인 </button> </div> </div> <div> <div> <버튼> 로그인 </button> </div> </div> <div> <div 스타일 = "높이 : 1500px;"> </body> </html>
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위의 내용은이 기사에 관한 모든 것이며, 모든 사람이 JavaScript 프로그래밍을 배우는 것이 도움이되기를 바랍니다.