不同的填充爲不同的頁面與twitter引導

Question

我開始一個新的rails項目，並增加了twitter引導（因爲我聽說過很好的事情）。這是一個初學者問題，但是，如何添加橫跨整個頁面的寬度/高度的背景圖片，而不會讓twitter-bootstrap的默認頂部和左側填充受阻礙？有沒有我還沒有遇到的基本設置？如何刪除特定頁面的填充，但是仍然讓填充保留在應用的其餘部分中？這種填充有益嗎？

由於

Answer 1

您可以在背景圖像添加到體，因爲它不會被填充

body.my-page{ 
    background-image: url('my-image'); 
    height: 100%; 
    width: 100%; 
} 

受到影響或添加absolute /「fixed`定位的容器重量/全寬&高度並將背景圖像應用於該容器。

<div class="bg"></div> 
</body> 

CSS

.my-page .bg{ 
    background-image: url('my-image'); 
    position: fixed; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    z-index: 1; 
} 

.my-page .container{ 
    position: relative; 
    z-index: 2; 
}