Ticker

6/recent/ticker-posts

Ad Code

Responsive Advertisement

Curso de Bootstrap 5 #2. Diseñando con Bootstrap

En la segunda clase del curso de Bootstraps 5 aprendemos toda la base del diseño con Bootstrap a excepción del diseño responsive, que lo veremos más adelante.

Es extremadamente importante conocer las clases básicas de este framework ya que muchos programadores experimentados, desconocen el real potencial que tiene Bootstrap, gracias a tener una buena base, podremos desarrollar páginas web mucho más rápido.

También analizaremos las diferentes formas de instalar Bootstrap (descargándolo y con CDN), también veremos las clases básicas que nos trae Bootstrap, también analizaremos cuál es la famosa paleta de colores (que en otra clase modificaremos) y por último analizaremos cómo crear formularios responsive y bonitos con Bootstrap.

Este contenido está únicamente disponible para los suscriptores. Puedes identificarte en este enlace o suscribirte a los cursos.

Como habéis podido observar, la utilización de Bootstrap es realmente sencilla, en esta clase no hay posibilidad de error, simplemente tenemos que escoger las clases que queremos implementar y Bootstrap hace el resto.

Ahora que hemos visto esta clase podemos entender porque siempre se dice que utilizando Bootstrap se elimina el 90% del código CSS ¡O incluso más! Si lo pensamos bien, hemos definido tamaños, colores, colores de fondo, incluso hemos generado paddings y margins sin escribir ni una sola línea de código CSS.

Y no solo eso, también hemos podido hacer tablas mucho más bonitas, hemos podido mostrar advertencias (tanto buenas como malas) para, por ejemplo, simular un login incorrecto de usuario o advertir al usuario que el dato ha sido guardado correctamente.

En la próxima clase analizaremos más en profundidad cómo podemos hacer nuestra página web responsive gracias a Bootstrap, si os atrevéis, podéis intentar utilizar el sistema de columnas de Bootstrap antes de ver la próxima clase y así analizar si lo estáis haciendo bien.

Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección!

Enregistrer un commentaire

0 Commentaires