Bootstrap footer center content

1

Hi, I have this footer made with bootstrap

<footer class="text-muted py-2 mt-2 container-fluid p-1">
    <div class="row container-fluid justify-content-center">
       <div class="redes-sociales col-lg-4 col-md-12 justify-content-center p-2 mx-auto ">
        <a href="https://www.instagram.com/soypersonahumana/" class="facebook"  target=”_blank”><span class="fab fa-facebook"  target=”_blank”></span></a>
        <a href="https://www.instagram.com/igpersonahumana/" class="instagram"  target=”_blank”><span class="fab fa-instagram"  target=”_blank”></span></a>
        <a href="https://www.linkedin.com/in/jorge-mart%C3%ADnez-ruiz-49789978/?originalSubdomain=es" class="linkedin"  target=”_blank”><span class="fab fa-linkedin"></span></a>

      </div>

      <div class="col-lg-4 col-md-12 justify-content-center align-items-center d-flex pt-2">
        <p>Designed by <a class="nacho" href="https://www.linkedin.com/in/ignacio-mediero-d%C3%ADaz-919427140/?originalSubdomain=es"  target=”_blank”>Ignacio Mediero Díaz</a></p>
      </div>        
      <div class="col-lg-4 col-md-12 justify-content-center pt-2">
      
        <a href="pag/politica.html" class="text-dark float-right" >*Política de Privacidad</a>
        
      </div>    
     
    </div>
  </footer>

My problem is that I can not focus the contents of the divs I do when responsive. I do not care if it's with mediaqueries Could you give me a hand?

    
asked by Ignacio Mediero Diaz 25.12.2018 в 21:56
source

1 answer

-1

Assuming you're using Bootstrap 4:

You had to add the d-flex in the second div (and you also had a closing tag in the first one that was left over)

<div>
    <div class="col-lg-4 col-md-12 justify-content-center align-items-center d-flex pt-2">
        <p>Designed by <a class="nacho" href="https://www.linkedin.com/in/ignacio-mediero-d%C3%ADaz-919427140/?      originalSubdomain=es" target=”_blank”>Ignacio Mediero Díaz</a></p>
    </div>
    <div class="col-lg-4 col-md-12 justify-content-center d-flex pt-2">
        <a href="pag/politica.html" class="text-dark float-right">*Política de Privacidad</a>
    </div>
</div>

Here you have a Fiddle:

link

Greetings!

    
answered by 25.12.2018 в 22:08