レンダリングは次のとおりです。
実装コードは次のとおりです。
<!doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua互換" content = "ie = edge"> <meta name = "viewport" content = "width =" width = nivigigation = 1 " rel = "styleSheet" href = "//netdna.bootstrapcdn.com/boottrap/3.1.1/css/bootstrap.min.css"></head> <body> <nav lelow =" navigation "> <div> <div> <button type =" button "button =" collapse Data-Target = "#menu"> <span> </span> <span> </span> <span> </span> <span> </span> </button> <a href = ""> a管理システム</a> </div> <div = "メニュー"> <ul> <li> <a href = "#"> home </a> </li> <a href = "#< role = "button"> function <span> </span> </a> <ul> <li>ビジネス機能</li> <li> <a href = "#">情報確立</a> </li> <li> <a href = "#">情報クエリ</a> </a> </li> <li> <a href = "#">情報管理</a> </li> < role="separetor"></li><li>System Function</li><li><a href="#">Settings</a></li></li></li><li><a href="#">Help</a></li></ul><form><div><input type="text" placeholder="username"><input type="text" placeholder="password"><button type = "button"> login </button> </div> </form> </div> </nav> <script src = "http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"> </script> <スクリプトsrc = "http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> </body> </html>
上記は、ブートストラップベースのドロップダウンメニュー項目とフォームナビゲーションバー(2つのメニュー項目、1つのドロップダウンメニュー、ログインフォームナビゲーションバー)です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!