Szerokosc div'a Bootstrap

0 
<style>#footer {   
   position:fixed;
   bottom:0;    
   margin-top: 500px;
}</style>
<html>
<div class="container">
            <div id="footer" class="panel-footer"><a href="http://www.google.com" class="link">Link</a></div>
        </div>
</html>

Mam problem, chce zrobic stopke z pozycja zawsze na dole. Wszystko byloby dobrze, gdyby footer nie przekraczal mi containera z prawej strony. Z lewej strony trzyma granice, ale z prawej nie. Wie ktos w czym polega problem?

1

Przede wszystkim przenieś stopkę poza główny kontener, na przykład tak:

<style>
 #footer{
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 50px;
  background-color: #fff;
  display: block;
 }
</style>
<footer id="footer">
 <div class="container">
  <a href="#">Link w stopce</a>
 </div>
</footer>

1 użytkowników online, w tym zalogowanych: 0, gości: 1