Question

所以我正在剪切PSD并用Bootstrap 3标记它。所有内容都集中在容器div中。一个图像和背景导航应该扩展容器外部页面的整个宽度。我不知道怎么能这样做。

这就是图片的样子：PSD picture

我所指的图片是中心“滑块”咖啡杯图形，宽约1400像素。我还是希望网站能够做出回应。思考？

这是我目前的进展参考。

Current version

Answer 1

您可以尝试将背景大小设置为“覆盖”。这至少会强制图像填满整个滑块。你可能还需要稍微调整一下定位，但这应该可以让你大部分都在那里。

Answer 2

你可以尝试这样的图像，如果它被用作div的背景：

background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

（对rwaymouth的回答稍微扩展一点）

可以在此处找到更多信息：http://css-tricks.com/perfect-full-page-background-image/

Bootstrap中的全宽定位？

2 个答案: