Cómo utilizar Bootstrap

Métodos/Pasos

Vaya al sitio web oficial de bootstrap para descargar. Para nosotros, los desarrolladores, descargue directamente los archivos CSS y JavaScript compilados y comprimidos, que también incluyen archivos de fuentes, pero no contienen. documentación y archivos de código fuente. Después de abrir el paquete descomprimido, puede encontrar tres carpetas: css, fonts y js. Esta es la forma más básica de organización Bootstrap: la versión sin comprimir del archivo se puede utilizar directamente en cualquier proyecto web. Proporcionamos archivos CSS y JS comprimidos (bootstrap.min.*) y sin comprimir (bootstrap.*). Los archivos de iconos de fuentes provienen de Glyphicons

Todos los complementos de Bootstrap se basan en jQuery. Y en proyectos formales, recomendamos usar la versión comprimida porque es de tamaño pequeño. Vaya al sitio web oficial para descargar el soporte de jQuery, como se muestra en la imagen:

Coloque el jQuery descargado en el directorio js en. bootstrap A continuación, como se muestra en la figura:

Cree un nuevo archivo demo.html en el directorio raíz de bootstrap (tenga en cuenta que debe crearse en el directorio raíz porque los archivos css y js en el marco de bootstrap se agregará en los siguientes pasos Enlace a la demostración creada)

Edite el archivo demo.html y agregue referencias a css y js en el marco de arranque. El contenido es el siguiente. De esta manera, básicamente hemos establecido una referencia al marco de arranque. Estructura de uso básica

Código fuente:

< !-- La etiqueta de la ventana gráfica. Esta etiqueta puede modificar la visualización en la mayoría de los dispositivos móviles para garantizar un dibujo y una escala de pantalla táctil adecuados. -->

Documento sin título

<. !- -Los complementos de JavaScript dependen todos de la biblioteca jQuery-->

Además, bootstrap proporciona oficialmente un servicio de enlace, que es permanentemente gratuito. Incluso si no descarga el archivo del marco bootstrap localmente, también puede usarlo directamente en html. usando el siguiente código: