[SOLUCIONADO] Responsividad de botones sobre imágenes.

Cristian77 · Marzo 17, 2023, 11:11:50 AM

Me encuentro usando Bootstrap y no consigo en ningún lado saber como hacer botones responsive sobre las imágenes, quiero colocar una foto de perfil sobre la imagen del banner y además quiero que en la responsividad siga la línea de la imagen, quien me pudiese ayudar estaría agradecido.

WhatsApp Telegram

Lautaro Villarreal Culic' · Marzo 17, 2023, 04:24:13 PM

Dentro del mismo div class de la imágen deberías colocar los botones.

Para bloquear los botones podrías usar el gap y block, por ejemplo:

Código: text

<div class="d-grid gap-2">
  <button class="btn btn-primary" type="button">Button</button>
  <button class="btn btn-primary" type="button">Button</button>
</div>

Código: text

<div class="d-grid gap-2 d-md-block">
  <button class="btn btn-primary" type="button">Button</button>
  <button class="btn btn-primary" type="button">Button</button>
</div>

ya con los tamaños irás jugando vos.

También tenes el auto, por ejemplo:

Código: text

<div class="d-grid gap-2 col-6 mx-auto">
  <button class="btn btn-primary" type="button">Button</button>
  <button class="btn btn-primary" type="button">Button</button>
</div>

En caso de que aún no puedas y no encuentres solución te invito a que nos compartas el código.

Saludos!

A 1 persona le gusta esto.

WhatsApp Telegram

[SOLUCIONADO] Responsividad de botones sobre imágenes.

Cristian77

Marzo 17, 2023, 11:11:50 AM Ultima modificación: Abril 11, 2023, 05:04:36 PM por AXCESS

1 respuesta

Lautaro Villarreal Culic'

Marzo 17, 2023, 04:24:13 PM #1

¿Te quedó una duda sobre Dudas y pedidos generales?