Bootstrap中的全寬定位？

Question

所以我正在切割一個PSD並用Bootstrap 3標記它。所有內容都集中在一個容器div中。一個圖像和背景導航應該展開容器外部的整個頁面寬度。我不知道我該如何做到這一點。

這是圖片的樣子：PSD picture

我指的是此款爲中心「滑蓋」咖啡杯圖形大約是1400px寬。我還希望網站能夠做出反應。思考？

這是我目前的參考進度。

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/