In diesem Beispiel teilt dieser Artikel die spezifischen Codes der Bootstrap -Navigationsleiste und des Anmeldungsfelds für Ihre Referenz. Bitte verstehen Sie, ob es Mängel gibt und gemeinsam lernen und gemeinsam Fortschritte machen.
<! DocType html> <html> <head> <meta charset = "utf-8"> <title> </title> <link rel = "styleSheet" href = "css/bootstrap.min.cs type="text/javascript" src="js/bootstrap.min.js" ></script> </head> <body> <nav role="navigation"> <div> <div> <button data-toggle="collapse" data-target=".navbar-collapse"> <span></span> <span></span> <span></span> </button> <a href = "#"> <img src = "img/myLogo.png" style = "height: 50px; margin -top: -15px; href = "#"> Produkt </a> </li> <li> <a href = "#"> data-toggle = "Dropdown"> Services <span> </span> </a> <ul> <li> <a href = "#"> Online-Kundendienst "#"#"#"#"> fAl> <li> <a href =" <li><a href="#">Address Phone</a></li> </li> </li> </li> <li><a href="#">Mall</a></li> </ul> <div> <a href="#">Login</a> <a href="#">Register</a> <input type="text" placeholder="Please enter keywords"/> <Butth> suche </button> </div> </div> </nav> <div style = "height: 50px;"> </div> <div> <h1> <span> </span> Benutzeranmeldung </h1> <form> <div> <div> <Eingabe -Typ = "text </div> </div> <div> <div> <button> Login </button> </div> </form> </div> <div> <div> <taste> Login </button> </div> </form> </div> <div> <div> <div> </html> </html> </html>
Wenn Sie weiterhin ausführlich studieren möchten, können Sie hier klicken, um Ihnen zu studieren und 3 aufregende Themen anzuhängen:
Bootstrap -Lern -Tutorial
Bootstrap Practical Tutorial
Bootstrap-Plug-in-Nutzungs-Tutorial
Das obige dreht sich alles um diesen Artikel, und ich hoffe, dass es für alle hilfreich sein wird, JavaScript -Programme zu lernen.