Die Renderings sind wie folgt:
Der Implementierungscode lautet wie folgt:
<! DocType html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-äquiv = "x-ua-compatible" content = "ie = edge"> <meta name = "viewPort" content = "width = toyry-Width, initial-scale = 1" 1-title rel = "styleSheet" href = "//netdna.bootStrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"></head><Body><Nav ROLE =" Navigation "> <div> <div> <Button =" Taste "Taste" Data-Toggle = "Collapse" data-target="#menu"><span></span><span></span><span></span><span></span></button><a href="">A management system</a></div><div id="menu"><ul><li><a href="#">Home</a></li><li><a href="#" data-toggle="dropdown" rollen = "button"> function <span> </span> </a> <ul> <li> Geschäftsfunktion </li> <li> <a href = "#"> Informationsaufbau </a> </li> <li> <a href = "#"> Information Query </a> </li> <a href = "#" ROLLE = "separetor"> </li> <li> Systemfunktion </li> <li> <a href = "#"> Einstellungen </a> </li> </li> </li> <li> <a href = "#"> Hilfe </a> </li> </ul> <Form> <division = "texuard =" userName "username" username "username" username "userName"> <input type = "userName" username "username"> <input type " Typ = "Button"> Login </button> </div> </form> </div> </nav> <script src = "http://cdn.bootcs.com/jquery/1.11.1/jquery.min.js"> </script> <script src = "http://cdn.bootcs.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> </body> </html>
Das obige ist die auf Bootstrap-basierten Dropdown-Menüelemente und Formularnavigationsleisten (zwei Menüelemente, ein Dropdown-Menü und Login-Formularnavigationsleisten), die Ihnen vorgestellt wurden. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!