부트 스트랩 - 배경 이미지가 작동하지

Question

내 CSS 마크 업 :

.rowbgi { 
    background-image:url('img/gradient.png'); 
    background-color:#cccccc; 
} 

내 HTML 마크 업 :

<div class="span4 rowbgi"> 
     <img class="img-circle" data-src="holder.js/140x140"> 
     <h2>Heading</h2> 
     <p>Stack Overflow</p> 
     <p><a class="btn" href="#">View details </a></p> 
    </div><!-- /.span4 --> 

나는 배경 이미지를 볼 수 아니지만, 색상은 배경에서 볼 수있다. 이미지는 경로에서 사용할 수 있습니다.

누군가 내가 바보 같은 실수를 저에게 할 수 있습니까?

Answer 1

아무도 당신이 그것을 보여주지 않았기 때문에 당신이 (. 예를 들어 jsfiddle와; P), 무엇을하고 있는지 알고,하지만 내 첫번째 추측은 다음과 같은 것을 파일 구조 : 루트 디렉토리에

• HTML 파일 : /index.html,
• CSS 디렉토리의 CSS 파일 : /css/style.css,
• 이미지는 /img/gradient.png입니다.

이제 HTML/CSS에서 링크 된 모든 파일에는 경로가 있습니다. 따라서 CSS를 /css에 유지하면 CSS img/xxx의 경로는 /css/img/xxx으로 연결됩니다. 나는 정확하게 추측하고 있는데이는 경우에 스타일을 변경하는 경우 :

background-image:url(/img/gradient.png); 

또는

background-image:url(../img/gradient.png);