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 & 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