Проблема с загрузочной лапой 'fit'

Question

Привет, у меня проблема с моим нижним колонтитулом.

Я добавил это ОК и придерживаюсь в нижней части страницы по мере необходимости. Однако я замечаю, что просмотр страницы на мобильном устройстве (iphone 5 и 6), что страница прокручивается вправо, что она не должна делать, поскольку информация соответствует горизонтали на экране. Я бы ожидал только вертикальной прокрутки. Как будто ширина нижнего колонтитула более 100% заставляет мобильный «разблокировать» по горизонтали, может ли кто-нибудь помочь в этом?

Просто добавить не ошибочный горизонтальная полоса прокрутки появляется в окне рабочего стола на той же странице, независимо от того, как окно размером

Вот код

<footer class="footer"> 
    <div class="row"> 
<div class="col-md-12 text-center"> 
    <p> 
    <a href="/privacy">Privacy</a> 
    | 
    <a href="/terms">Terms &amp; Conditions</a> 
    | 
    <a href="/contact">Contact Us</a> 
    <br> 
    2015 
    </p> 
</div> 

и от css

html { 
    position: relative; 
    min-height: 100%; 
} 
body { 
    /* Margin bottom by footer height */ 
    margin-bottom: 60px; 
} 
.footer { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    /* Set the fixed height of the footer here */ 
    height: 60px; 
    background-color: #f5f5f5; 
} 

.container { 
    width: auto; 
    max-width: 680px; 
    padding: 0 15px; 
} 
.container .text-muted { 
    margin: 20px 0; 
} 

Than кс заранее

Answer 1

добавить стиль CSS к элементу тела

padding:0px; 

Также не забудьте добавить мета-тег в голове элемента

<meta name="viewport" content="width=device-width, initial-scale=1">