Bootstrap es un marco frontal muy popular. En pocas palabras, es una herramienta establecida para HTML, CSS y JavaScript. Podemos usar Bootstrap para crear un sitio web o interfaz de software simple y fresco. Con Bootstrap, los desarrolladores de back-end ya no tienen que preocuparse por construir la interfaz frontal.
Bootstrap (1) contiene una gran cantidad de componentes web, basados en estos componentes, puede construir rápidamente un sitio web hermoso y completamente funcional. Incluye los siguientes componentes: menú desplegable, grupo de botones, menú desplegable de botones, navegación, barra de navegación, migas de pan, paginación, composición tipográfica, miniaturas, diálogos de advertencia, barras de progreso, diálogos de medios, etc.
(2) Viene con 13 complementos de Jqery, que dan vida a los componentes en Bootstrap. Estos incluyen: cuadros de diálogo de modo, pestañas, barras de desplazamiento, cuadros emergentes, etc.
Bootstrap fue desarrollado por ingenieros de Twitter en su tiempo libre. Después de abrir la fuente en el sitio de código abierto más grande y popular, GitHub, Xunsu se convirtió en el proyecto actualizado más frecuentemente en el sitio web. Una gran cantidad de ingenieros contribuyeron activamente al código al proyecto, y una gran cantidad de sitios web construidos con Bootstrap surgieron en un corto período de tiempo. ¿Por qué la velocidad de desarrollo de Bootstrap es tan sorprendente? Esto se debe principalmente a las excelentes características de Bootstrap:
Se prefieren los dispositivos móviles: poner las características móviles primero
Soporte del navegador: todos los navegadores principales soportan bootstrap
Fácil de comenzar: siempre y cuando tenga los conceptos básicos de HTML y CSS, puede comenzar a aprender Bootstrap
Diseño receptivo: el CSS receptivo de Bootstrap es adaptable a escritorios, tabletas y teléfonos móviles.
Contiene potentes componentes incorporados para una fácil personalización
Echemos un vistazo a la página más simple construida con Bootstrap.
<! Doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua compatible" content = "ie = edge"> <meta name = "viewport" content = "width = dispositivo-width, scale inicial = 1"> <ticle> title> bootst Template </title> <!-bootstrap-> <link href = "css/bootstrap.min.css" rel = "stylesheet"> <!-html5 shim y respuesta.js IE8 Soporte de html5 Elementos y cuestión de medios-> <!-Advertencia: Respond.js no funciona si ve la página a través de archivo: // 9]> <script src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </script> <script src = "http://cdn.bootcss.com/expond.js/1.4.2/ corresponsh.min.js"> <! [endif]-> </head> <body> <div> <div> <h1> mi primera página de bootstrap </h1> <p> RESTABLE el tamaño de la ventana y vea el efecto responsable! </p> </div> <div> <div> <h3> columna 1 </h3> <p> ¡Lo que aprendes no es solo tecnología, sino también soñar! </p> <p> No importa cuán increíble sea su sueño, ¡no puede resistir su persistencia similar a su idiota! </p> </div> <div> <h3> columna 2 </h3> <p> ¡Lo que aprendes no es solo tecnología, sino también soñar! </p> <p> No importa cuán increíble sea su sueño, ¡no puede resistir su persistencia similar a su idiota! </p> </div> <div> <h3> columna 3 </h3> <p> ¡Lo que aprendes no es solo tecnología, sino también soñar! </p> <p> No importa cuán increíble sea su sueño, ¡no puede resistir su persistencia similar a su idiota! </p> </div> </div> </div> </body> </html>
El anterior es el primer artículo sobre aprender sobre Bootstrap presentados por el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!