Bootstrap es un
framework o conjunto de herramientas de
Código abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en
HTML y
CSS, así como, extensiones de
JavaScript opcionales adicionales.
Es el proyecto más popular en
GitHub y es usado por la
NASA y la
MSNBC entre otras organizaciones.
Bootstrap fue desarrollado por Mark Otto y Jacbod Thornton de Twitter, como un marco de trabajo (framework) para fomentar la consistencia entre las herramientas internas. Antes de Bootstrap, se usaban varias librerías para el desarrollo de interfaces de usuario, las cuales llevaban a inconsistencias y a una gran carga de trabajo en su mantenimiento. Según el desarrollador de Twitter Mark Otto.
Descargando Bootstrap
Hay varias formas de obtener Bootstrap por lo pronto te indicare una de las mas sencillas:
Descargar el código CSS y JavaScript compilado, esto es la forma más fácil de comenzar a utilizar Bootstrap, solo tiene algunas ligeras desventajas y esto es que no incluye los archivos originales ni la documentación, pero aqui entre nos esto no afecta en su funcionamiento principal. Para descargar accede a getbootstrap.com y pulsa el botón Download .
El contenido descargado será:
Ahora bien si eres nuevo utilizando Bootstrap, te muestro el siguiente código HTML que muestra una plantilla realizada con Bootstrap
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Plantilla básica de Bootstrap</title>
<!-- CSS de Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>¡Hola mundo!</h1>
<!-- Librería jQuery requerida por los plugins de JavaScript -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- Todos los plugins JavaScript de Bootstrap (también puedes
incluir archivos JavaScript individuales de los únicos
plugins que utilices) -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Ejemplos Plantilla
Ahora para finalizar te muestro un tema realizado con Bootstrap, en el encontraras los elementos para utilizar en tu sitio web y darle mas vista y diseño empleando muy poco código y esfuerzo.
NOTA: Recuerda que si quieres ver el codigo fuente, solo da click secundario del mouse y selecciona "ver codigo fuente de la página" para que identifiques cada elemento y tengas una idea más clara de como incrustar Bootstrap en tu Web.