21 Mejores Cursos Gratis del framework Bootstrap 2022

Mejores Cursos Gratis del framework Bootstrap
Mejores Cursos Gratis del framework Bootstrap
  • Categoría de la entrada:Bootstrap / Cursos Gratis
  • Tiempo de lectura:4 minutos de lectura

Bootstrap es la opción de marco CSS más popular cuando se trata de un desarrollo web front-end receptivo y móvil. Además, es gratuito y de código abierto.

Lanzado en 2011, Bootstrap tiene todas las plantillas de diseño basadas en CSS y JS que se requieren para crear botones, formularios, navegación, tipografía y otros componentes de la interfaz.

A continuación, los mejores cursos en español para estudiar el framework de Bootstrap.

Los Mejores Cursos Gratis Bootstrap

⬅ REGRESAR al Índice de CURSOS GRATIS 🏡

¿Qué quiere decir Bootstrap Grid System?

Bootstrap Grid System es un sistema receptivo, primero móvil que escala hasta 12 columnas según el aumento en el tamaño del dispositivo o la ventana gráfica.

El sistema cuenta con clases predefinidas para opciones de diseño fáciles y combinaciones poderosas para generar diseños semánticos de manera efectiva.

¿Qué es Normalize en Bootstrap?

Para establecer la coherencia entre navegadores, Bootstrap utiliza Normalize. Es un pequeño archivo CSS capaz de ofrecer una mejor coherencia entre navegadores en el estilo predeterminado de los elementos HTML.

Además, Normalize.css es una alternativa moderna y lista para HTML5 a los restablecimientos de CSS.

¿Qué listas son compatibles con Bootstrap?

A continuación, se muestran los tres tipos de listas compatibles con Bootstrap:

  • Listas de definición: Este tipo de lista permite que cada elemento de la lista tenga los elementos <dt> y <dd>. El <dt> indica el término de definición, que es el término o frase que define un término. El elemento <dd> contiene la definición del elemento <dt>.
  • Listas ordenadas: Este tipo de lista sigue algún tipo de orden secuencial. Además, siempre se generada precedida de números.
  • Listas desordenadas: Diseñadas con viñetas, una lista desordenada no sigue ningún orden en particular. El uso de la clase .list-unstyled permite eliminar el estilo de las viñetas de la lista desordenada. Para colocar todos los elementos de la lista en una sola línea, se puede utilizar la clase .list-inline.

¿Qué iconos utiliza Bootstrap? ¿Cómo se pueden utilizar?

Desde la última versión de Bootstrap, Bootstrap también a lanzado su propia fuente de iconos (más de 1.300 iconos). Los nuevos iconos pueden incluirse en el código a través de dos fórmulas diferentes:

La primera, como una fuente, mediante el añadido de las clases adecuadas dentro de un elemento <i>.

<i class="bi bi-alarm-fill"></i>

La segunda, como un elemento SVG.

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm-fill" viewBox="0 0 16 16">
  <path d="M6 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H9v1.07a7.001 7.001 0 0 1 3.274 12.474l.601.602a.5.5 0 0 1-.707.708l-.746-.746A6.97 6.97 0 0 1 8 16a6.97 6.97 0 0 1-3.422-.892l-.746.746a.5.5 0 0 1-.707-.708l.602-.602A7.001 7.001 0 0 1 7 2.07V1h-.5A.5.5 0 0 1 6 .5zm2.5 5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5zM.86 5.387A2.5 2.5 0 1 1 4.387 1.86 8.035 8.035 0 0 0 .86 5.387zM11.613 1.86a2.5 2.5 0 1 1 3.527 3.527 8.035 8.035 0 0 0-3.527-3.527z"/>
</svg>

👉 CHULETAS DE LOS ICONOS DE BOOTSTRAP

Más sobre Bootstrap