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
Más sobre Bootstrap
- Lanzado Bootstrap 5
- Bootstrap 5 Alpha
- Diferencias entre Bootstrap y Tailwind CSS
- Alternativas del Framework CSS Bootstrap
- Iconos de Bootstrap 5
- Iconos Bootstrap Versión 1
Relacionado
Como una de las estructuras de control básicas en la programación, los bucles son casi una adición diaria al código que escribimos. El bucle forEach clásico es uno de los primeros fragmentos de código que aprendemos a escribir como programadores. Si fueras un desarrollador de Javascript, sabrías que Javascript no es ajeno a la iteración a través de los elementos de una matriz o un mapa ¡SEGUIR LEYENDO!
Como sabemos, Sci-hub es un sitio web increíble con millones de artículos de investigación para todos los estudiantes universitarios y académicos. El sitio web de Sci-Hub se encarga de obtener los artículos de investigación y artículos de pago utilizando las credenciales que se filtran. La fuente de credenciales utilizada por este sitio web no está clara. Sin embargo, se supone que muchas de ellas son donadas, ¡SEGUIR LEYENDO!
Aunque haya sido usuario de Windows durante décadas, el sistema operativo es tan amplio y complejo que siempre existen características útiles, pero menos conocidas, que podrían sorprenderte. En este sentido, he identificado diez funciones poco conocidas de Windows que pueden potenciar su eficiencia, comodidad e incluso su experiencia de uso lúdico en su PC.
- Procesador Dual-Core Intel Pentium Gold 4425Y (2...
- Memoria RAM de 8 GB LPDDR3
- Disco SSD de 128 GB
El rumor en torno a las criptomonedas no se desvanece por mucho que existan grandes pesimistas alrededor de los malos rumores. Entonces, si consideras invertir en el mundo de las criptomonedas, deberías estar atento a las criptomonedas que se espera que tengan un buen desempeño para el resto de 2021. En los últimos tiempos, los tokens DeFi están recibiendo toda la atención y es más que ¡SEGUIR LEYENDO!
Los cambios de paradigma revolucionarios debido a los desarrollos de la robótica en todo el mundo están generando nuevos puntos de vista en muchos sectores, entre ellos en los de la industria y la tecnología. Con la ayuda de la Inteligencia Artificial, la tecnología produce resultados innovadores cada segundo y el campo de la robótica define y reconfigura su uso a cada instante. Cada día que ¡SEGUIR LEYENDO!
Bienvenidos desarrolladores web y de software, estamos en los inicios de 2023 y es posible que muchos se esten planteado sus objetivos para lo largo del año. Con anterioridad ya he compartidos las rutas de aprendizaje para un desarrollador front-end, un desarrollador full-stack o un desarrollador back-end entre otros muchos contenidos más. En este artículo, me gustaría compartir algunos de los mejores frameworks y bibliotecas para ¡SEGUIR LEYENDO!
GitHub es el lugar que debes buscar cuando intentas mejorar como desarrollador, toda la información que necesitas está disponible en algún repositorio que alguien ya se ha molestado en indexar. Sin embargo, la parte complicado es encontrar el repositorio más adecuado. Es fácil sentirse perdido en todos los repositorios disponibles dentro de GitHub. Para ayudarte, he elaborado una lista de 10 repositorios de GitHub que pueden ¡SEGUIR LEYENDO!