렌더링은 다음과 같습니다.
구현 코드는 다음과 같습니다.
<! docType html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-catsible"content = "ie get"> <meta name = "viewport"contment = "width = device-width, device-width, <링크어 바이틀 ar </title>. Rel = "Stylesheet"href = "//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"></head>< body><nav 역할 ="navigation "> <div> <div> <div> <div> <div> <dita-toggle ="collapse " data-target = "#menu"> <span> </span> <span> </span> <span> </span> </span> </span> </button> <a href = ""> 관리 시스템 </a> </div> <div id = "menu"> <ul> <li> <a href = "#"> home </a> <li> <li> 역할 = "button"> function <span> </span> </a> <ul> <li> 비즈니스 기능 </li> <li> <a href = "#"> 정보 설정 </a> </li> <li> <a href = "#"> 정보 쿼리 </a> </li> <li> <a href = "#"</a> <li role = "sepletor"> </li> <li> 시스템 함수 </li> <li> <a href = "#"> 설정 </a> </a> </li> </li> </li> </li> <li> <a href = "#"> 도움말 </a> </li> </ul> <corm> <div> <input type = "text"text "placeholder ="username "> 자리 표시기 = "암호"> <버튼 유형 = "버튼"> 로그인 </button> </div> </div> </div> </nav> <scrc = "http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"> </script> <cript src = "http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> </body> </html>
위의 것은 부트 스트랩 기반 드롭 다운 메뉴 항목과 양식 내비게이션 바 (2 개의 메뉴 항목, 1 개의 드롭 다운 메뉴 및 로그인 양식 탐색 표시 줄)입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!