где я могу положить код для нового окна

Question

Я не могу удалить пробелы на стороне нижнего колонтитула, как показано на изображении. Я попробовал ширину: 100%; и почти каждый метод онлайн после того, как я googled. вот HTML нижнего колонтитула и CSS

.container { 
 
     padding-right: 15px; 
 
     padding-left: 15px; 
 
     margin-right: auto; 
 
     margin-left: auto; 
 
     margin-bottom: 0px; 
 
     width: 100%; 
 
    } 
 
    .footer{ 
 
\t \t background:url(../images/pw_maze_black_2X.png) left top repeat; 
 
\t \t width: 100%; 
 
\t \t padding-left: 0px; 
 
\t \t padding-right: 0px; 
 

 
\t } 
 
\t .footer-logo{ 
 
\t \t margin:15px auto 35px; 
 
\t \t width: 76px; 
 
\t } 
 
    .copyright{ 
 
\t \t color:#cccccc; 
 
\t \t font-size:14px; 
 
\t \t display:block; 
 
\t \t text-align:center; 
 
\t } 
 
\t .copyright a{ 
 
\t \t color:#7cc576; 
 
\t \t font-weight:600; 
 
\t \t text-decoration: none; 
 
\t \t transition:all 0.3s ease-in-out; 
 
\t \t -moz-transition:all 0.3s ease-in-out; 
 
\t \t -webkit-transition:all 0.3s ease-in-out; 
 
\t } 
 

 
\t .copyright a:hover { 
 
\t \t color: #fff; 
 
\t }

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<footer class="footer"> 
 
     <div class="container"> 
 
      <div class="footer-logo"><a href="#"><img src="images/footer-logo.png" alt=""></a></div> 
 
      <span class="copyright">Copyright © 2015 | <a href="http://bootstraptaste.com/">Bootstrap Themes</a> by BootstrapTaste</span> 
 
     </div> 
 
    </footer>

что-нибудь еще я могу попробовать?

Answer 1

Это то, что вы хотите?

.container { 
    padding-right: 0px; 
    padding-left: 0px; 
    margin-right: auto; 
    margin-left: auto; 
    margin-bottom: 0px; 
    width: 100%; 
} 
.footer{ 
    background:url(../images/pw_maze_black_2X.png) left top repeat; 
    width: 100%; 
    padding-left: 0px; 
    padding-right: 0px; 

} 
.footer-logo{ 
    margin:0px auto; 
    width: 76px; 
} 
.copyright{ 
    color:#cccccc; 
    font-size:14px; 
    display:block; 
    text-align:center; 
} 
.copyright a{ 
    color:#7cc576; 
    font-weight:600; 
    text-decoration: none; 
    transition:all 0.3s ease-in-out; 
    -moz-transition:all 0.3s ease-in-out; 
    -webkit-transition:all 0.3s ease-in-out; 
} 

.copyright a:hover { 
    color: #fff; 
}