Bootstrap footer'fit'issue

Question

您好，我的引导页脚有问题。

我添加了这个确定，并根据需要粘贴到页面底部。不过，我注意到，在移动设备（iphone 5s和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; 
} 

比提前KS

Answer 1

新增CSS样式的身体元素

padding:0px; 

也不要忘了在你的脑袋元素添加meta标签

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