bootstrap css在一個div中的文本與bg圖像棒在底部

我有一個div在一個引導列中的bg圖像現在我的計劃是讓div的文本粘到底部我已經嘗試過使用vertical-保持一致，但似乎並不奏效bootstrap css在一個div中的文本與bg圖像棒在底部

我的HTML：

<div class="has-image col-md-6 nopadding"> 
      <div style="background-image: url('img/st-jansvliet.jpg');"> 
       <div class="stick-to-bottom">Sint Jansvliet- Antwerpen</div> 
      </div> 
</div>

我的CSS：

.stick-to-bottom{ 
    vertical-align: bottom; 
}

與背景圖片的股利相應地具有高度，我設置的屏幕尺寸與jquery

來源

2016-03-10 Frank Lucas

我絕對這樣的位置固定它：

position: absolute; 
bottom: 0; 
left: 5%; 
right: 0; 
top: 95%;

來源

2016-03-10 11:29:39

呃'固定'或'絕對'無所謂。無論如何，享受！ '：）' –

爲什麼不重要？ –

當你的內容小於頁面寬度。 '：P'如果它更多，並且你希望總是顯示底部欄，那麼固定更好，如果它應該在內容後面的絕對底部，那麼你需要'絕對'。希望它是明確的。 '：）' –

添加CSS 位置：相對在堅持對底部的家長Div.Otherwise其可能堅持到下的DIV有時在其母公司之外。然後添加這個

position: absolute; 
bottom: 0; 
left:0px; 
right:0px;

這是所有環境的完美解決方案，以確保您的堅持到下的留在其父股利。

來源

2016-03-10 11:36:14 LoopCoder

bootstrap css在一個div中的文本與bg圖像棒在底部

回答

相關問題