Red de conocimiento informático - Material del sitio web - Cómo utilizar Bootstrap

Cómo utilizar Bootstrap

Métodos/pasos

Vaya al sitio web oficial de bootstrap para descargar. Para nosotros, los desarrolladores, podemos descargar directamente los archivos CSS y JavaScript compilados y comprimidos, así como los archivos de fuentes, pero no incluyen documentos ni código fuente. archivos. Después de abrir el paquete descomprimido, puede encontrar tres carpetas que incluyen css, fonts y js. Esta es la organización más básica de 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 íconos de fuentes provienen de Glyphicons

Todos los complementos de Bootstrap se basan en jQuery y recomendamos usar la versión comprimida en proyectos formales debido a su pequeño tamaño.

Cree un nuevo archivo demo.html en el directorio raíz de bootstrap (tenga en cuenta que debe crear un nuevo archivo en el directorio raíz porque en un paso posterior, deberá cambiar los archivos css y js que están vinculados a la demostración creada)

Edite el archivo demo.html, agregue comentarios sobre el marco de arranque en las referencias css y js, el contenido es el siguiente, hay comentarios en la imagen, por lo que básicamente estamos establecidos Comprenda la estructura de uso básica del marco de arranque

Fuente:

lt;head>

<. p>

< !p> para ventana gráfica, que modifica la visualización en la parte superior de la mayoría de los dispositivos móviles para garantizar el dibujo correcto y la escala de la pantalla táctil. -->

Documento sin título

>p>

<;! -- ADVERTENCIA: Response.js no funcionará si la página se ve a través de file:// -->

<;!--[if lt IE 9]>

< script src="/libs/html5shiv/3.7.0/html5shiv.js">

<.script type="text/javascript" src="js/bootstrap.min.js">

También. El servicio de enlace oficial de bootstrap es permanentemente gratuito. Incluso si no ha descargado el archivo del marco bootstrap localmente, puede usarlo directamente en HTML usando el siguiente código: