Icono del sitio Blog de Programación y Desarrollo – Nube Colectiva

Clases nativas que te harán más productiva(o) en Bootstrap 4

Demo Github

En la versión 4 del popular framework para Frontends existen clases CSS que te pueden facilitar la maquetación de tu proyecto, solo es cuestión que las pongas en práctica y las uses hasta que las hagas parte de tu trabajo en maquetación y veras lo rápido que avanzarás, estas clases te ahorran muchas líneas de código CSS que sueles escribir para darle cierto aspecto a un elemento del proyecto. Veamos las clases en el siguiente tutorial.

Manipulación de Bordes

Con las siguientes clases puedes quitar y agregar bordes a un elemento de tu proyecto.


Transformación de Palabras

Con las siguientes clases puedes transformar de manera rápida la primera letra de una palabra a letra capital, así mismo de mayúscula a minuscula y viceversa.


Ancho de un elemento

Las siguientes clases nos facilitan la gestion del ancho de un elemento en nuestro proyecto.


Formato de Texto

Podemos darle los siguientes formatos de texto mediante las sguientes clases.


Manipulación de Bordes Redondeados

Imagina que tienes un cuadrado, pues tranquilamente le puedes redondear los bordes con estas sencillas clases.


Centrar Horizontalmente

Puedes centrar un elemento con esta sencilla clase.


Puedes ver lo fácil que es trabajar con estas clases que nos brinda Bootstrap 4, ojala se animen y agregen más en futuras versiones, por cierto existen otras clases en su documentacion oficial a las que les puedes echar un vistazo.

Siguenos en nuestras redes sociales, que disfrutes y nos vemos hasta un proximo articulo.

Salir de la versión móvil