位置使用引導

Question

我知道，你可以使用下面的CSS代碼放置固定底部的元素底部的元素：

position: fixed; 
bottom: 0; 
left: 0; 

的問題是，在小型設備上的底部內容覆蓋內容高於它。有誰知道bootstrap是否爲這個問題提供了一個響應式解決方案？

Answer 1

您可以隨時使用！重要。但是，您應該使用粘性頁腳。您需要將填充符放到身體> .container上的頁腳高度。在這裏看到http://getbootstrap.com/examples/sticky-footer-navbar/。

Answer 2

.force-to-bottom { 
 
    position:absolute; 
 
    bottom: 5%; 
 
    width: 100%; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootswatch/latest/journal/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row force-to-bottom text-center"> 
 
     <div class="col-xs-12"> 
 
      \t <h1> 
 
\t \t \t \t  <button class="btn btn-primary" type="button">Save</button> 
 
\t \t \t  </h1> 
 

 
     </div> 
 
    </div> 
 
</div>

學分：https://stackoverflow.com/a/19072741/5192105

Answer 3

如果我理解正確的問題，你可以給你的body一個margin-bottom來解決這個問題解決了。 假設你有一個固定的div，它有一個height的200px。

用途：

body { 
    margin-bottom: 200px; 
}