Este artículo comparte con usted el uso simple de la Bootstrap del marco web para su referencia. El contenido específico es el siguiente
Directamente Baidu Bootstrap para buscar el sitio web de Bootstrap chino, y es mejor elegir descargar el código fuente.
Después de completar la descarga, copie Dist/CSS/Bootstrap.min.css al directorio raíz del proyecto.
La introducción y el uso del módulo específico se describen en los sitios web chinos. Aquí hay un ejemplo simple producido como ejemplo:
<! DocType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> use bootstrap para el diseño receptivo </title> <ink href = "bootstrap.min.css" type = "text/css" rel = "stylesheet"> </head> <body> <<body> < "Navbar Navbar-Default es el color predeterminado, mientras que Navbar fijado en la tapa es cancelar el efecto de esquina redondeado de la barra de navegación, se puede evitar el rol"-> <Nav rol de navegación = "navegación"> <!-Agregar <div> </div> es hacer que la interfaz se centre-> <div> <div> <divs-type = "botón" botón-toggle = "colapso" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span>Toggle navigation</span> <span></span> <span></span> <span></span> <span></span> </button> <a href="#">ProjectName</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div id = "bs-example-navbar-collapse-1"> <form role = "search"> <div> <input type = "text" placeholder = "correo electrónico"> </div> <div> <input type = "contraseña" placeholder = "contraseña"> </div> <botón type = "enviar" en el botón de registro de registro de registro de logm. Personalizarlo según sea necesario-> Función Signin () {Alert ("Haga clic en Iniciar sesión"); } </script> </form> </div> <!-/.navbar-collapse-> </div> <!-/.container-fluid-> </ar Nav> <!-Giant Screen-> <div> <div> <h1> Hola, World! </h1> <p> Aquí hay un artículo de prueba. Artículo aquí hay una prueba El artículo es un artículo de prueba. ¡No hay un artículo de prueba, aquí hay una prueba, aquí hay una prueba, aquí hay un artículo de prueba, aquí hay un artículo de prueba, aquí hay un artículo de prueba. Un artículo de prueba aquí es un artículo de prueba aquí hay un artículo de prueba aquí hay un artículo de prueba aquí hay un artículo de prueba aquí hay un artículo de prueba aquí hay un artículo de prueba, ¿es un artículo de prueba? Artículo aquí hay una prueba El artículo es un artículo de prueba. ¡No hay un artículo de prueba, aquí hay una prueba, aquí hay una prueba, aquí hay un artículo de prueba, aquí hay un artículo de prueba, aquí hay un artículo de prueba. Un artículo de prueba aquí es un artículo de prueba aquí hay un artículo de prueba aquí hay un artículo de prueba. »</a> </p> </div> <div> <h2> heading2 </h2> <p> Aquí hay un artículo de prueba, ¿es un artículo de prueba? Artículo de prueba Aquí hay un artículo de prueba Aquí hay un artículo de prueba Aquí hay un artículo de prueba aquí hay un artículo de prueba aquí hay un artículo de prueba aquí hay un artículo de prueba, ¿es una prueba? es un artículo de prueba aquí es un artículo de prueba aquí hay un artículo de prueba aquí es un artículo de prueba aquí hay un artículo de prueba aquí hay un artículo de prueba aquí hay un artículo de prueba, ¿es un artículo de prueba? Artículo aquí hay una prueba El artículo es un artículo de prueba. ¡No hay un artículo de prueba, aquí hay una prueba, aquí hay una prueba, aquí hay un artículo de prueba, aquí hay un artículo de prueba, aquí hay un artículo de prueba. Un artículo de prueba aquí es un artículo de prueba Aquí hay un artículo de prueba Aquí hay un artículo de prueba Aquí hay un artículo de prueba Aquí hay un artículo de prueba.Lo anterior se trata de este artículo, espero que sea útil para el aprendizaje de todos.