Dans cet exemple, cet article partage les codes spécifiques de la barre de navigation et de la boîte de connexion Bootstrap pour votre référence. Veuillez comprendre s'il y a des lacunes et apprendre et progresser ensemble.
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <taptin> </ title> <link rel = "stylesheet" href = "css / bootstrap.min.css" /> <script type = "text / javascript" src = "js / jquery.min.js"> </ script> src = "js / jquery.min.js"> </ script> src = "js / jquery.min.js"> </ script> src = "js / jquery.min.js"> </ script> type = "text / javascript" src = "js / bootstrap.min.js"> </ script> </ head> <body> <Nav role = "Navigation"> <div> <div> <Button data-toggle = "ENCHAPPET" Data-Target = ". Navbar-Collapse"> <pan> </spande> <pander> "#" <img src = "img / mylogo.png" style = "height: 50px; margin-top: -15px;" /> </a> </div> <div> <ul> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> new href = "#"> produit </a> </li> <li> <a href = "#"> data-toggle = "dropdown"> Services <span> </span> </a> <ul> <li> <a href = "#"> Service client en ligne </a> </li> <li> </li> <li> <a href = "#"> faq </a> <li> <a href = "#"> Téléphone d'adressage </a> </li> </li> </li> </li> <li> <a href = "#"> Mall </a> </li> </ul> <v> <a href = "#"> Connexion </a> <a href = "#"> Enregistrer </a> <entrée type = "Text =" Text = "PlaceHder =" Placet ">>>> <Entre Type =" Text = "Text =" Text) " <Futonch> Rechercher </futton> </ div> </ div> </AV> <div style = "height: 50px;"> </div> <div> <h1> <span> </span> Location de l'utilisateur </h1> <form> <div> <v> <entrée = "Text" PlaceHolder = "MotwayHolder =" Passwayder = "Gasswordholder =" "Gasswayder =" "Gasswayder =" "Gasswayder =" " </div> </ div> <div> <div> <button> Loggin </ Button> </div> </form> </div> <div> <div> <div> <button> Login </ Button> </div> </ Form> </div> <div> <div style = "Height: 1500px;"> </div> </body> </html>
Si vous souhaitez toujours étudier en profondeur, vous pouvez cliquer ici pour étudier et vous attacher 3 sujets passionnants:
Tutoriel d'apprentissage bootstrap
Tutoriel pratique de bootstrap
Tutoriel d'utilisation du plug-in bootstrap
Ce qui précède concerne cet article, et j'espère qu'il sera utile pour tout le monde d'apprendre la programmation JavaScript.