2015-08-30 38 views
0

您好,我的引導頁腳有問題。Bootstrap footer'fit'issue

我添加了這個確定,並根據需要粘貼到頁面底部。不過,我注意到,在移動設備(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

回答

0

新增CSS樣式的身體元素

padding:0px; 

也不要忘了在你的腦袋元素添加meta標籤

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