Cet article partage avec vous l'utilisation simple du framework Web Bootstrap pour votre référence. Le contenu spécifique est le suivant
Baidu bootstrap directement pour rechercher le site Web chinois bootstrap, et il est préférable de choisir de télécharger le code source.
Une fois le téléchargement terminé, copiez Dist / CSS / bootstrap.min.css au répertoire racine du projet.
L'introduction et l'utilisation spécifiques du module sont décrites sur les sites Web chinois. Voici un exemple simple produit comme exemple:
<! Doctype html> <html lang = "en"> <éadf> <meta charset = "utf-8"> <itle> Utilisez Bootstrap pour la mise en page réactive </title> <link href = "bootstrap.min.css" type = "Text / CSS" Rel = "StyleSheet"> </ Head> <12 - dans Navigation Barl - <! "Navbar Navbar-Default est la couleur par défaut, tandis que le toit-fixe de Navbar consiste à annuler l'effet d'angle arrondi de la barre de navigation, le rôle peut être évité" -> <nav role = "Navigation"> <! - Ajouter <v> </v> est de rendre l'interface centrée -> <v> <div> <Button type = "Button" Data-toggle = "Collatched" data-target = "# bs-example-navbar-colapse-1" aria-expanded = "false"> <span> basculer la navigation </span> <span> </span> <span> </span> <span> </span> <span> </span> </sponse> <a href = "#"> Project </a> </v> <! <div id = "bs-example-Navbar-Collapse-1"> <form role = "search"> <div> <input type = "text" placeholder = "e-mail"> </ div> <div> <input type = "mot de passe" placeholder = "mot de passe"> </ div> <bouton type = "soumettre" onclick = "Signin ()"> Sign in </ bouton> <script> <! - il est nécessaire -> fonction SignIn () {alert ("cliquez sur la connexion"); } </ script> </ form> </div> <! - /.navbar-collapse -> </div> <! - /.Container-Fluid -> </AV> <! - Giant Screen -> <div> <div> <h1> Bonjour, World! </h1> <p> Voici un test de test est un article de test est un test de test. L'article de test est-ce qu'un article de test est un article de test. Article Si un article est un article de test. Un article de test Si un article de test est un article de test. Article Si un article est un article de test. »</a> </p> </div> <div> <h2> En-tête2 </h2> <p> Voici un article de test. TEST ALI A LET SOINT ARTICLE ARTICILIER L'ARTICLE DE TEST. L'article de test est-ce qu'un article de test est un article de test. Article Si un article est un article de test. Un article de test est un article de test.Ce qui précède concerne cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde.