Skip to main content
se añadieron 350 caracteres en el cuerpo
Origen Enlace
Anki Jedi
  • 959
  • 5
  • 15

Cuando trabajas con un elemento con position:fixed tus mejores aliados para moverlos son top/bottom/left/right, los cuales lo moverán según el más próximo elemento "padre" con position:relative, tus botones quedarían así:

<a style="rightstyle="width:4rem; right:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="negativo" href="#" role="button">No</a>
<a style="leftstyle="width:4rem; left:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="positivo" href="#" role="button">Si</a>

Como veras lo único que le agregué fue un style a cada uno, al botón "no" esta a un 40% de la derecha (right:40%) y el botón "si" esta a un 40% de la izquierda (left:40%) (ambos según el width del padre).

Nota: Después de realizar una prueba, el código solo con los right/left funciona estéticamente pero el botón de "no" cambiaba de tamaño de forma rara (tal vez por alguna propiedad css aplicada de bootstrap) así que le coloque un width:4rem; a cada uno para que no pierda ese tamaño aun después de desplazarse.

Cuando trabajas con un elemento con position:fixed tus mejores aliados para moverlos son top/bottom/left/right, los cuales lo moverán según el más próximo elemento "padre" con position:relative, tus botones quedarían así:

<a style="right:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="negativo" href="#" role="button">No</a>
<a style="left:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="positivo" href="#" role="button">Si</a>

Como veras lo único que le agregué fue un style a cada uno, al botón "no" esta a un 40% de la derecha (right:40%) y el botón "si" esta a un 40% de la izquierda (left:40%) (ambos según el width del padre)

Cuando trabajas con un elemento con position:fixed tus mejores aliados para moverlos son top/bottom/left/right, los cuales lo moverán según el más próximo elemento "padre" con position:relative, tus botones quedarían así:

<a style="width:4rem; right:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="negativo" href="#" role="button">No</a>
<a style="width:4rem; left:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="positivo" href="#" role="button">Si</a>

Como veras lo único que le agregué fue un style a cada uno, al botón "no" esta a un 40% de la derecha (right:40%) y el botón "si" esta a un 40% de la izquierda (left:40%) (ambos según el width del padre).

Nota: Después de realizar una prueba, el código solo con los right/left funciona estéticamente pero el botón de "no" cambiaba de tamaño de forma rara (tal vez por alguna propiedad css aplicada de bootstrap) así que le coloque un width:4rem; a cada uno para que no pierda ese tamaño aun después de desplazarse.

Origen Enlace
Anki Jedi
  • 959
  • 5
  • 15

Cuando trabajas con un elemento con position:fixed tus mejores aliados para moverlos son top/bottom/left/right, los cuales lo moverán según el más próximo elemento "padre" con position:relative, tus botones quedarían así:

<a style="right:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="negativo" href="#" role="button">No</a>
<a style="left:40%"class="btn btn-primary btn-lg fw-bold position-fixed" id="positivo" href="#" role="button">Si</a>

Como veras lo único que le agregué fue un style a cada uno, al botón "no" esta a un 40% de la derecha (right:40%) y el botón "si" esta a un 40% de la izquierda (left:40%) (ambos según el width del padre)