Instalación del entorno de arranque

Descargar Bootstrap

Se puede elegir entre http://getbootstrap.com/ descargar la última versión de Bootstrap sucesivamente. Al hacer clic en este enlace, verá la página que se muestra a continuación:

bootstrap Descargar

Verá dos botones:

Arrancar de descarga : Descargar Bootstrap. Haga clic en este botón, se puede descargar Bootstrap CSS, versión comprimida del JavaScript y las fuentes pre-compilados. No contiene los documentos originales y los archivos de código fuente.
Fuente de descarga : descarga el código fuente. Haga clic en este botón, se puede obtener la última versión del código fuente de Bootstrap MENOS y JavaScript directamente de la de.

Con el fin de entender mejor versión y más cómodo de usar, compilado previamente el uso de de Bootstrap .

Estructura de archivos

precompilado Bootstrap

Al descargar una versión compilada de Bootstrap, descomprimir el archivo ZIP, verá la siguiente estructura de archivos / directorio:

Compilado estructura de archivos Bootstrap

Como se muestra arriba, se puede ver CSS compilado y JS (de arranque. *), Y CSS comprimido compilado y JS (bootstrap.min. *). También contiene la fuente Glyphicons, que es un tema opcional Bootstrap.

código fuente Bootstrap

Bootstrap si se descarga el código fuente, la estructura de archivos es la siguiente:

estructura fuente Bootstrap

menos / , JS / y fuentes / con el número son el código CSS Bootstrap, la fuente y la fuente JS icono.
dist / carpeta contiene los archivos y documentos enumerados anteriormente Descargas precompilados carpeta sección.
Activos-docs / , ejemplos / y todo el .html * archivo de documentación Bootstrap.

HTML plantilla

Utilizando una plantilla básica Bootstrap HTML es el siguiente:

<! DOCTYPE HTML > 
< HTML > 
   < cabeza > 
      < título > en Bootstrap plantilla </ título > 
      < Meta nombre = "la ventana gráfica" contenido = "width = ancho-Device, Initial-escala = 1,0" > 
      <! - Introducido en Bootstrap - -> 
      < Enlace href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel = "stylesheet" > 
 
      <! - HTML5 Shiv y permitir Respond.js IE8 elementos de soporte de HTML5 y preguntas de los medios -> 
      <! - Nota: Si se utiliza el archivo:// efecto de las importaciones Respond.js archivo, el archivo no se puede reproducir-> 
      <! - [if lt IE 9]> 
         <script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </ script> 
         <script src = "https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"> </ script> 
      <! [endif]! -> 
   </ cabeza > 
   < cuerpo > 
      < h1 > ¡Hola Mundo! </ H1 > 
 
      <! - jQuery (Bootstrap的JavaScript插件需要引入jQuery) -> 
      < script de src = "https://code.jquery.com/jquery.js" > </ script de > 
      <!
      src = "js / bootstrap.min.js" > </ script de > 
   </ cuerpo > 
</ html >

recomendación StaticFile CDN

Doméstica recomienda el uso de la biblioteca en StaticFile CDN:

<! - archivo de núcleo CSS Nueva Bootstrap -> 
< Enlace href = "https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel = "stylesheet" > 
 
< - archivo de jQuery. Asegúrese de bootstrap.min.js antes de la introducción -> 
< script src = "https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" > </ script > 
 
<! - Últimas archivo de arranque del núcleo de JavaScript -> 
< script src = "https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js" > </ script >

Lo importante decir tres veces:

archivo de jQuery. Siempre introducido antes bootstrap.min.js

archivo de jQuery. Siempre introducido antes bootstrap.min.js

archivo de jQuery. Siempre introducido antes bootstrap.min.js

Además, también se pueden utilizar los siguientes servicios CDN:

Internacional recomienda: https://cdnjs.com/