Estou fazendo um sistema web responsivo usando alguns elementos bootstrap. O sistema todo está responsivo exceto pelo rodapé que, além de sair da posição fixa na parte inferior da tela ainda diminui o tamanho.
Segue o código html e css do rodapé:
<footer class="footer">
<div class="container">
<span class="text-muted" style="
position: absolute;
bottom: 0;
width: 120%;
height: 60px;
line-height: 60px;
background-color: #222222;
margin-left: -214px;
text-align: center;">
<font>
<font> Desenvolvido por ****** - *****</font>
</font>
</span>
</div>
</footer>
Obs: HTML E CSS estão juntos pra evitar dor de cabeça.