¿Qué es Bootstrap?

Bootstrap es un framework de lenguaje de estilos, es decir, una librería de CSS. Al ser una librería de CSS, todo está escrito en este lenguaje. Por lo que todo lo que nos da Bootstrap se hace utilizando CSS básico. Aunque parezca un framework sustituible por su sencillez, actualmente es uno de los más populares entre las librerías de CSS.

Su diseño hace que sea muy sencillo de utilizar, incluso sin tener un gran conocimiento de CSS. Al fin y al cabo, su función es crear páginas que se adapten completamente a cualquier pantalla, y que estén adaptadas a unos estándares estéticos.

Esto se traduce en un ahorro importante de tiempo a la hora de maquetar una página web, gracias a Bootstrap se puede conseguir una página vistosa y bien diseñada en poco tiempo.

‍

¿Cómo usar Bootstrap?

Para comenzar a utilizar Bootstrap debes importar el contenido de la biblioteca en tu página web. Se puede hacer a través de dos vías:

1. Utilizando el link al servidor de la página de Bootstrap: de esta forma no necesitarás descargar nada en tu ordenador, además podrás tener siempre la última versión del framework añadiendo el nuevo link. De esta forma, siempre podrás utilizar las mejoras del framework sin necesidad de esperar al tiempo de descarga. Pero este método tiene un inconveniente, al no descargar el framework, no podrás ver el código, por lo que no sabrás exactamente cómo afecta ese código a los elementos de la página.

2. Descargando el contenido directamente al ordenador: si descargamos toda la librería, tendremos la ventaja de poder ver el código de Bootstrap y poder modificarlo en caso de que algo no te convenza o quieras diseñarlo de otra manera. Además no es necesario descargar la biblioteca entera, simplemente puedes descargar las partes que necesites.

‍

¿Cómo funciona Bootstrap?

Bootstrap nos proporciona dos cosas para comenzar a utilizarlo. En primer lugar, un grid system, que nos permite que las páginas se adapten automáticamente a cada tipo de pantalla. En segundo lugar, los componentes son una serie de clases de CSS que se pueden utilizar en los elementos html para que automáticamente se implanten los estilos.

El grid system, divide la pantalla en forma horizontal en 12 columnas, dependiendo de las columnas que le asignemos a cada elemento, se verá más grande o más pequeño. Si creas una fila y le asignas 6 columnas a un elemento y 6 a otro, ambos ocuparán el mismo espacio. Al igual que si añades 3 elementos cada uno ocupando 4 columnas. En este caso, no es necesario indicar que espacio quieres para cada elemento. Con el grid system no es obligatorio indicar el espacio que quieres que ocupe cada elemento, si quieres que ocupen espacios equitativos, lo hará de manera automática.

Para ello, ofrecen una serie de clases que podemos utilizar dentro de elementos HTML que sirven como contenedores. Así el resto de elementos se colocan automáticamente. Además, las clases incluyen elementos media query para adaptarse de forma automática al tamaño de la pantalla que se esté utilizando.

Por otro lado, como antes hemos mencionado, los componentes de la librería son una serie de clases de CSS que tienen estilos predefinidos. Los elementos se diseñan para cumplir con los estándares estéticos de las páginas web actuales. Por ello, siempre tendrán una armonía visual en la pantalla.

‍

Aprende a sacar provecho a Bootstrap con nuestro Bootcamp de Desarrollo Web Full Stack

Podemos concluir, que Bootstrap es una herramienta muy útil que nos permite crear el diseño de una página web de manera rápida y sobre todo sencilla. Además, está adaptada a todos los dispositivos, por lo que ahorra tiempo evitando hacer las medias query por tu cuenta.

Aún así esta librería no es la biblia del CSS, tiene sus inconvenientes como que todas las páginas diseñadas con este framework son muy similares, y editar su código es complicado.

Si quieres facilitarte el trabajo sin complicarte la vida con el código, la mejor opción es estudiar el Bootcamp de Desarrollo Web Full Stack de BBK Bootcamps powered by The Bridge. En él te formarás como un auténtico desarrollador web, aprendiendo a crear webs y webs app desde cero y conociendo todos los secretos del código y la programación.

No lo dudes más y pide más información en nuestra web, o contacta con nosotros directamente.

‍