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
- Fundamentos de Bootstrap 5 (Blueeweb, Youtube) ?
- Como crear una página web moderna con Bootstrap 5 (Udemy) ?
- Bootstrap 5 (Agustín Solian, Youtube) ?
- Fundamentos de Bootstrap 5 (Blueeweb, Youtube) ?
- 7 Novedades de Bootstrap 5 (Aula Ideal, Youtube) ?
- Aprende a crear Landing Pages con Bootstrap 3 o Instapage (Udemy)
- Bootstrap 4. Fundamentos: Crea tu primer sitio responsive (Erick Mines, Udemy)
- Bootstrap 4 desde cero (Udemy)
- Bootstrap 4 (Aula Ideal, YouTube)
- Bootstrap 4 (Blueeweb, Youtube)
- Bootstrap 4 (Falcon Masters, YouTube)
- Bootstrap 4 (Fazt, YouTube)
- Bootstrap 4 (Yoney Gallardo, Youtube) (1 Vídeo)
- Como crear una página web moderna con Bootstrap 4
- Crea un sistema generador de temarios reordenable dinámico (Udemy) ?
- Fundamentos de Bootstrap 4 (Udemy)
- Desarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde cero (Udemy)
- Diseña una página web increíble con Adobe XD Template gratis (Bootstrap) (Udemy) ?
- La biblia perdida de Bootstrap 4 (Udemy)
- Material Design y Boostrap 4 por Bluuweb (Bluuweb!, YouTube)
- Sistema de Exámenes en linea con Codeigniter 3 y Bootstrap 4 (Udemy) ?
⬅ 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-unstyledpermite 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