Question

我正在开始一个新的rails项目并添加了twitter bootstrap（因为我听说过它很好）。这是一个初学者的问题，但是，如何添加跨越页面整个高度/宽度的背景图像而不让twitter-bootstrap的默认顶部和左侧填充阻碍？有没有我没有遇到过的基本设置？如何删除特定页面的填充，但仍然让填充保留在应用程序的其余部分？这种填充物有益吗？

由于

Answer 1

您可以将背景图像添加到正文中，因为它不会受到填充

的影响

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

或添加一个absolute /'固定`定位容器w /全宽＆amp;高度并将背景图像应用于该容器。

<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;
}

使用twitter bootstrap的不同页面的不同填充

1 个答案: