0

Resulta que estoy haciendo un header con bootsrap y tengo que poner dos elementos en el, uno que es un botón que despliega un sidebar y otro que es el titulo. el botón debe ir alineado a la izquierda lo cual logro, pero el problema surge al momento de centrar el titulo ya que este no queda perfectamente centrado debido al tamaño que ocupa el botón en el header. Se hacer esto solo con css pero me gustaría saber si es que es posible hacerlo solo con bootstrap y si es así ¿como?

<div class="shadow-sm bg-white rounded d-flex justify-content-between align-items-center p-3 mb-0">
<button type="button" id="sidebarCollapse" class="btn btn-white text-secondary">
    <i class="fas fa-bars"></i>
</button>
<h4 class="align-middle mb-0 mx-auto">Adherencia</h4>    

Espero haberme hecho entender ! Gracias.introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

Saludos!

César.

1 respuesta 1

0

de lo que te entiendo es centrarlo a la totalidad verdad?

Si es así prueba usando esto:

<div class="shadow-sm bg-white rounded d-flex justify-content-around align-items-center p-3 mb-0">
<button type="button" id="sidebarCollapse" class="btn btn-white text-secondary">
    <i class="fas fa-bars"></i>
</button>
<h4 class="align-middle mb-0 mx-auto">Adherencia</h4>    

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.