Bootstrap 3 El Manual Oficial


Capítulo 1. Primeros pasos
1.1. Descargando Bootstrap
Existen varias formas diferentes de empezar con Bootstrap, cada una orientada a un tipo de público en función de su nivel técnico. Sigue leyendo para conocer cuál de estas opciones se ajusta mejor a tus necesidades.
1. Descargar el código CSS y JavaScript compilado, que es la forma más sencilla de empezar a utilizar Bootstrap. La desventajaes que esta versión no incluye ni los archivos originales ni la documentación. Para descargar esta versión, accede a getbootstrap.com y pulsa el botónDownload Bootstrap.
2. Descargar el código fuente, contiene todos los archivos Less, y JavaScript originales de Bootstrap. La desventaja es que requiere un compilador de archivos Less y cierto trabajo de configuración. Descarga la versión másreciente en el sitio github.com/twbs/bootstrap/releases.
3. Descargar el código fuente en formato Sass, se trata de una variante de la versión anterior y que se ha creado para facilitar la integración de Bootstrap en las aplicaciones Ruby On Rails, Compass o cualquier otro proyecto basado en Sass. Descarga la versión más reciente en el sitio github.com/twbs/bootstrap-sass/releases.
1.1.1. Utiliza la CDNde Bootstrap
La empresa NetDNA aloja de forma gratuita en su CDN una copia de los archivos CSS y JavaScript de Bootstrap. Para utilizar estos archivos, modifica los siguientes dos enlaces en tus páginas (cambia el valor 3.0.0 por la versión específica de Bootstrap que quieras):


 


 


1.1.2. Instala Bootstrap con Bower
utiliza este gestor de dependencias paragestionar los archivos CSS y JavaScript originales de Bootstrap y mantener una copia local de su documentación. Para ello, ejecuta el siguiente comando:
$ bower install bootstrap
1.2. Contenidos de Bootstrap
Bootstrap se puede descargar de dos maneras, compilado o mediante el código fiente original. Dependiendo de la forma que hayas elegido, verás una estructura de directorios u otra. En esta sección semuestran los detalles de cada una de ellas.
ADVERTENCIA Todos los plugins JavaScript de Bootstrap requieren la librería jQuery para funcionar, por lo que deberás incluirlo en tus plantillas, tal y como se muestra en los ejemplos de las siguientes secciones. Para saber qué versiones concretas de jQuery se soportan, consulta el contenido de nuestro archivo bower.json.
1.2.1. Contenidos de la versióncompilada de Bootstrap
Después de descomprimir el archivo que te has descargado con la versión compilada de Bootstrap, verás la siguiente estructura de archivos y directorios:
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├──glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-halflings-regular.woff
Estos archivos son la forma más sencilla de utilizar Bootstrap en cualquier proyecto web. Para cada archivo se ofrecen dos variantes: los archivos compilados (cuyo nombre es bootstrap.*) y los archivos compilados + comprimidos (cuyo nombre es bootstrap.min.*).También se incluyen las fuentes de los iconos del proyecto Glyphicons y el tema opcional de Bootstrap.
1.2.2. Contenidos de la versión original de Bootstrap
La versión original de Bootstrap incluye, además de las versiones compiladas de los archivos CSS y JavaScript, las versiones originales de esos mismos archivos y toda la documentación. Tras descomprimir el archivo que te has descargado con la...