Saltar al contenido

Hacer un botón más pequeño en bootstrap

Posteriormente a investigar con especialistas en este tema, programadores de deferentes ramas y profesores hemos dado con la solución a la cuestión y la plasmamos en esta publicación.

Solución:

Bootstrap proporciona cuatro tamaños de botones:

Las clases que definen los diferentes tamaños son:

.btn-lg
.btn-md
.btn-sm
.btn-xs // Removed in Bootstrap 4+

El siguiente ejemplo muestra el código para diferentes tamaños de botones:




  Bootstrap Example
  
  




Button Sizes

Establecer manualmente el relleno en la dirección y en 0 y agregar un estilo en línea para reducir el tamaño de la fuente me dio un botón xs en Bootstrap 4:


Puedes hacer tus botones más pequeños fácilmente usando el height propiedad en Bootstrap 4.

Por ejemplo:

.btn-sml  height: 4vh;  /* change the value according to your need. */

Te invitamos a amparar nuestra labor fijando un comentario o dejando una puntuación te damos la bienvenida.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *