Bootstrap
Es un entorno de trabajo o conjunto de herramientas de código abierto para diseños 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
Los componentes en Bootstrap pueden ser utilizados dentro de nuestras páginas de forma independiente del resto de ellos, es decir, que podemos generar tantos componentes como necesitemos en un solo documento sin que estos hagan conflicto con los demás.
Adicionalmente, el estilo básico por defecto ya está pre definido con lo cual podemos construir nuestra aplicación de forma rápida y sin tanto esfuerzo, donde al final podemos personalizar toda nuestra aplicación al cambiar el estilo base por nuestros estilos propios.
Los componentes pueden ser de CSS, JavaScript o ambos, por lo que algunos además del CSS base van a requerir librerías de terceros como jQuery, esto puede parecer algo incómodo pero la realidad es que la implementación es tan sencilla que ni nos daremos cuenta que estamos utilizando más cosas que las que se trae por defecto Bootstrap.
¿Como se agrega el bootstrap en un sitio web?
- En la siguiente página:
- se descarga los siguientes dos archivos:
- Una vez descargadas, se descomprimime y las almacenamos en la carpeta en la llamaremos rerurces donde podremos tener mas ordenado los recursos extras de nuetra pagina
- dentro de la página. colocamos la etiqueta "link" y luego se coloca la dirección en donde dejamos almacenado el archivo de bootstrap
http://getbootstrap.com/getting-started/#download
Ejemplo:
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
<meta charset="utf-8">
Sistema de Cuadricula:
Sistema de red de arranque permite un máximo de 12 columnas en toda la página.
Si no desea utilizar toda la columna 12 de forma individual, se pueden agrupar las columnas juntos para crear columnas más anchas:
| lapso de 1 | lapso de 1 | lapso de 1 | lapso de 1 | lapso de 1 | lapso de 1 | lapso de 1 | lapso de 1 | lapso de 1 | lapso de 1 | lapso de 1 | lapso de 1 |
| lapso de 4 | lapso de 4 | lapso de 4 | |||||||||
| lapso de 4 | lapso de 8 | ||||||||||
| lapso de 6 | lapso de 6 | ||||||||||
| lapso de 12 | |||||||||||
sistema de red de arranque es sensible, y las columnas se volverá a organizar en función del tamaño de la pantalla: en una pantalla grande que podría ser mejor con el contenido organizado en tres columnas, pero en una pantalla pequeña que sería mejor si se apilan los elementos de contenido Encima del otro.
Como Agregar Diseño al Bootstrap:
Adicionalmente, el estilo básico por defecto ya está pre definido con lo cual podemos construir nuestra aplicación de forma rápida y sin tanto esfuerzo, donde al final podemos personalizar toda nuestra aplicación al cambiar el estilo base por nuestros estilos propios.
Los componentes pueden ser de CSS, JavaScript o ambos, por lo que algunos además del CSS base van a requerir librerías de terceros como jQuery, esto puede parecer algo incómodo pero la realidad es que la implementación es tan sencilla que ni nos daremos cuenta que estamos utilizando más cosas que las que se trae por defecto Bootstrap.
