Un gran saludo para todos.
Estoy realizando un pie de página o footer en Bootstrap, sin embargo tengo una serie de dificultades, puesto que el texto no me queda en la dirección que deseo, adicionalmente a eso no me funciona el hover, para los iconos de las redes.
Anexo una imagen de como me queda y otra de como es que debería quedarme.
Muchisimas gracias, por ayudarme =).
footer {
background-color:#1A1A1A;
height: 50%;
color: white;
padding: 15px;
}
.main1 {
display:flex;
margin:0 auto;
}
a img:hover {
color: #fff;
}
<footer>
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6">
<h6 class="text-muted lead">CONTACTO:</h6>
<h6 class="text-muted">
Carrera 8h No. 166-71 Local 2<br>
Santa Cruz de la Ronda.<br>
Teléfonos: 3115988953 – 3112641818.<br>
</h6>
</div>
<div class="col-xs-12 col-md-6">
<div class="pull-right">
<h6 class="text-muted lead">ENCUENTRANOS EN LAS REDES</h6>
<div class="redes-footer">
<a href="https://www.facebook.com/"><img src="imagenes/facebook-2.png"></a>
<a href="https://twitter.com/"><img src="imagenes/twitter-2.png"></a>
<a href="https://www.youtube.com/"><img src="imagenes/youtube-2.png"></a>
</div>
</div>
<div class="row"> <p class="text-muted small text-right">José Miguel, arte y belleza @2016.<br> Todos los derechos reservados.</p></div>
</div>
</div>
</div>
</footer>