Cet article partage le code d'implémentation de la première page bootstrap pour votre référence. Le contenu spécifique est le suivant
Image de reproduction:
Code d'implémentation:
<! Doctype html> <html> <ead> <meta charset = "utf-8" /> <meta name = "Viewport" contenu = "width = device-width, initial-scale = 1" /> <! - Pour assurer un dessin approprié et une échelle d'écran tactile, la balise Metadata de la vue de la vue de la vue dans la <éadre>. -> <title> </ title> <link href = "css / bootstrap.min.css" rel = "Stylesheet"> <script type = "text / javascript" src = "js / jQuery-1.9.1.min.js"> </ script> <script src = "js / bootstre. 110px 0px 110px; marge-fond: 0px; } .masthead: après {contenu: ''; Affichage: bloc; Position: absolue; en haut: 0; à droite: 0; en bas: 0; à gauche: 0; CONTEXTE: URL (IMG / BG1.PNG) Répéter Centre Centre; Opacité: 0,4; } .masThead H1 {Font-Weight: 700; taille de police: 700%; } .active {Font-Size: 120%; Font-Weight: Bold;} .masThead-a {Opacity: 0,5; Couleur: blanc; taille de police: moyen; } .masthead-a: Hover {couleur: blanc; Opacité: 1; } .modal-header li i {opacité: 0,5;} .text-align {affichage: inline; } .img-ls {largeur: 23%; Border: 1px HSL solide (0, 0%, 87%); marge droite: 2%; rembourrage: 4px 0px; marge-fond: 6%; Min-Height: 350px; max-height: 600px; flottant: à gauche; } .img-ls img {largeur: 97%; Hauteur: Auto; } .img-ls img: hover {cursor: pointeur; } .footer {padding: 50px 50px; } .navbar-nav li {affichage: en ligne;} </ style> </ head> <body> <div> <! - Définissez la tonalité, la position, la taille et l'arrière-plan du framework interne -> <div> <Button Type = "Button" Data-toggle = "ENCLAPPEM <span> </span> </fitton> <ul> <li> <a href = "#"> Bootstrap Chinese Site Web </a> </li> </ul> <div role = "Navigation"> <ul> <li> <a href = "#"> Bootstrap2 Document chinois </a> </li> <li> <a href = "#"> Bootsstrap3 Documentation chinoise </a> </ li> <li> <a href = "#"> bootstrap 4.0 aperçu </a> </li> <li> <a href = "#"> Tutoriel moins </a> </li> <li> <a href = "#"> jQuery api </a> </li> <li> <a href = "#"> Exemple de site </a> </li> <li> Positions élevées de Salary </a> </li> <li> <a href = "#"> À propos de </a> </li> </div> </div> </div> <div> <div> <h1> Bootstrap </h1> <h2> Le cadre de développement frontal concis, intuitif et puissant rend le développement Web Faster and Simpler. </h2> <p> <a href = "#"> Bootstrap3 Documents chinois (v3.3.5) </a> </p> <p> <a href = "#"> Bootstrap2 Chinese Documents (v2.3.2) </a> </p> </v> </v> <v> <iv> <ul> <li> Bootstrap Technology Group: 318663070808 </li> <li> Bootstrap Q & A Community <i> | </i> </li> <li> Sina Weibo: @bootstrap Chinese Network </li> </ul> </div> </div> <div> <div> <div> <h2> Bootstrap Recommandations de haute qualité </h2> <p> BootsTrap ou est développé sur BootStap <div> <img src = "img / codeguide.png" /> <h3> <a href = "javascript: void (0)"> bootstrap encoding spécification <br/> <small> par @mdo </small> </a> </h3> <p> Bootstrap Spécification: Spécifications pour l'écriture flexible, stable, et stable. </p> </div> <div> <img src = "img / jQueryapi.png" /> <h3> <a href = "javascript: void (0)"> jQuery api <br/> <small> Manual chinois </small> </a> </h3> <p> L'API jQuery documentation / manuelle traduit par la dernière JQUERY 1.1. versions. </p> </div> <v> <img src = "img / w3schools.png" /> <h3> <a href = "javascript: void (0)"> w3schools <br/> <small> Mirror domestique original </small> </a> </h3> <p> w3schools.coms est le site technique frontal les plus populaires, mais les utilisateurs de la fois que l'on a été le pays. Impossible d'y accéder et la version de traduction chinoise nationale est très obsolète. Par conséquent, j'ai fait une image miroir et j'espère que les étudiants avec un bon anglais pourront aller dire directement le tutoriel original! </p> </div> <div> <img src = "img / expo.png" /> <h3> <a href = "javascript: void (0)"> excellente sélection de sites <br/> <mmlem> Exemple de site Web de bootstrap </small> </a> </h3> <p> Le canal d'excellente sélection de sites d'excellente sélection de sites. </p> </div> </div> </div> <footer> <div> <img src = "img / logo.png" /> <h5> <p> La version chinoise des projets open source répertoriés sur ce site Web est traduit et compilé par les membres du site Web href = "Javascript: Void (0)"> <mmoptapt le <a href = "javascript: void (0)"> <small> cc par 3.0 </small> </a> protocole. </p> </h5> </div> <div> <div> <h4> À propos de </h4> <h4> <ul> <li> <a href = "javascrip <li> <a href = "javascript: void (0)"> <small> liens convivial </small> </a> </li> <li> <a href = "javascript: void (0)"> <small> Recrutement </small> </a> </li> </h4> </v> <v> <h4> href = "javascript: void (0)"> <small> sina weibo </small> </a> </li> <li> <a href = "JavaScript: void (0)"> <small> e-mail </small> </a> </li> </ul> </h4> </v> <v> <h4> Site Web officiel </h4> href = "javascript: void (0)"> <small> Laravel chinois </small> </a> </li> <li> <a href = "JavaScript: void (0)"> <mall> Ghost China </small> </a> </li> </ul> </h4> </v> <h4> Sponsor </h4> <h4> href = "javascript: void (0)"> <small> ucloud </small> </a> </li> <li> <a href = "javascript: void (0)"> <small> vous pouvez tirer le nuage </small> </a> </li> </ul> </h4> </v> </v> </v> <h4> <a href = "javascript: void (0)"> <small> beijing icp n ° 11008151 </small> </a> <mall> | Sécurité du réseau de sécurité publique de Beijing 11010802014853 </small> </h4> </footer> </ody> </html>Je crois que tout le monde ne doit pas encore être satisfait. Partageons quelques articles avec vous ci-dessous:
"Tutoriels d'apprentissage bootstrap qui mérite d'être partagé et collectionne" "Tutoriels d'apprentissage bootstrap"
Ce qui précède concerne cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde.