2013-11-24 6 views
0

그래서 PSD를 자르고 부트 스트랩 3으로 표시하고 있습니다. 모든 내용은 컨테이너 div의 중앙에 있습니다. 하나의 이미지와 배경 탐색은 컨테이너 바깥 쪽 페이지의 전체 너비를 확장합니다. 내가 어떻게이 일을 할 수 있는지 잘 모르겠다.부트 스트랩의 전폭 배치?

이 이미지는 모습입니다 : PSD picture

내가 말하는 겁니다 사진에 대한 1400px 폭 중심 "슬라이더"커피 컵 그래픽입니다. 나는 여전히 사이트가 반응이 좋으면 좋겠다. 생각?

이것은 현재 참조 용으로 작성한 것입니다.

Current version

답변

1

당신은 '커버'의 배경의 크기를 설정을 시도 할 수 있습니다. 적어도 전체 슬라이더에 이미지가 채워져 있어야합니다. 위치 정보를 약간 조정해야 할 필요가있을 것입니다. 그러나 그 방법이 가장 좋을 것입니다.

0

이 사업부의 배경으로 사용되고 경우, 이미지의이 같은 것을 시도 할 수 :

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/