Utilizando otros estilos en los botones Bootstrap

[Contenido actualizado]

Todos nos estamos acostumbrando a crear nuestras páginas web o nuestros blogs utilizando plantillas basadas en Bootstrap y por ello todo nuestros botones y demás elementos de html tienen la misma apariencia, que está muy bien, pero a veces hay que salir de la monotonía.

Crear una página diferente, con estilos distintos, pero que nos recuerde a lo que estamos acostumbrados a ver, que es plantillas y diseños de Bootstrap.

Con el truco de hoy os traigo la posibilidad de crear de forma rápida y cómoda tus propios estilos de botones, siguiendo los estilos de bootstrap en tamaños, en cómo trabajar con ellos pero creando otros colores, así diferencias un poco tu web y tus botones, je.

Bootstrap Button. Crea tus propios botones Bootstrap

👉 Herramienta Gratuita Bootstrap Button Generator

Link: BBG

En esta web de forma gratuita, nos proporcionan un generador de botones Bootstrap, es muy muy fácil, únicamente tienes que escoger los colores del texto del botón, el color de fondo, el color de su border y el color de cuando pasas por encima, o sea, cuando está activo.

En el momento en que escojas estos valores, se va escribiendo la combinación que has realizado en un textarea, con la configuración en CSS para que la copies y pegues en tu hoja de estilo. ¿Fácil verdad? Ya no tienes escusa para diferenciarte, jeje.

generate button bootstrap programacion freelance
Generando un botón bootstrap

👉 Herramienta Gratuita Bootsbutton Generador

Link: Bootsbutton Generator

Esta herramienta puedes usarla únicamente para crear estilos de botones Bootstrap, tienes además de los colores clásicos de Bootstrap, los atributos de los botones como active, disabled,… utilizarás esta herramienta para implementar botones bootstrap en aquellas aplicaciones o webs donde no existe una instalación de Bootstrap, pero tú quieres conseguir un diseño al estilo de Boostrap.

botones boostrap herramienta gratuita

Link: Recuerda como son los botones de Bootstrap.

 

¿Fácil verdad? Puedes darle un toque moderno, usando los botones que más se usan pero de manera fácil usando el generador de botones. Realmente de esta manera sencilla puedes estar saliendo de los típicos colores de Bootstrap para sus botones, el gris, el naranja (warning), el azul (primary), el azulito (info), el verde (success), el rojo (danger)… y crear tus propias combinaciones.
Anímate, que es muy sencillo y puedes lograr grandes cosas con tus Botones estilo Bootstrap.

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies, tanto propias como de terceros para recopilar información estadística sobre tu navegación. Si continuas navegando, consideramos que aceptas el uso de cookies. política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies