不同的填充为不同的页面与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; 
}