부트 스트랩 jumbotron에서 배경 이미지를 얻는 방법

jumbotron의 배경 이미지를 사용하려고하고있어 이미지를 표시 할 수 없습니다. 나는 jumbotron의 다른 속성을 잘 바꿀 수는 있지만 배경 이미지로 내가 뭘 잘못하고 있는지 알 수 없다.부트 스트랩 jumbotron에서 배경 이미지를 얻는 방법

는 여기에 내가이 작업을 얻을 수없는 이유를 내 CSS

.jumbotron { 
     background: url("img/banner.jpg"); 
     color: black; 
     }

이야 여기 내 html로

<header> 
     <div class="jumbotron"> 
      <div class="container"> 
      <h1 class="display-3"> Large Text </h1> 
      <h1 class="display-4"> Smaller Text </h1> 
      <p><a href="#" class="btn btn-success btn-lg">Learn More »</a></p> 
     </div> 
     </div> 
     </header>

입니다 ... 그리고? 제 파일 경로가 틀림 없습니다.

미리 도움 주셔서 감사합니다.

출처

2016-09-29 Nate

나는 원래 Bootstrap이 당신의'background' 선언을 무시하고 있다고 대답했다. 그러나 부트 스트랩은'background'를 사용하지 않고 대신'background-color'를 사용합니다. 그래서 제 대답이 잘못되었습니다. 나는 당신이 가지고있는 것이 유효해야한다고 믿기 때문에 당신의 파일 경로가 확실히 정확하다는 것을 두 번 확인해 줄 것을 권합니다. –

빠른 테스트 (http://imgur.com/a/RFa73)를 실행 한 후에는 사용자가 수행 한 방식대로 문제가 없어야합니다. 왜 당신의 헤더에 점보트론이 있습니까? – Craicerjack

개발자 도구를 확인하셨습니까? CSS 규칙이 "jumbotron"div에 적용됩니까? (오른쪽 클릭 -> 요소 검사가 도움이 될 수 있습니다 ...) – tgogos

-1

이 다음 작동하지 않습니다 당신이 요소를 코드를 검사하고 당신이 그 것 쉬운에 그 문제에 대한 라이브 링크를 제공 할 수 있다면, 문제가 무엇인지 볼 수있는 경우가 http://jsfiddle.net/C4Sjg/538/

.jumbotron{ 
    background-image: url(https://www.google.co.in/logos/doodles/2016/ladislao-jose-biros-117th-birthday-5067428201496576-res.png); 
    color:white; 
}

를 참조 작동합니다 우리에게도 문제가 있음

출처

2016-09-29 15:24:33 Rahul

이 질문에 대한 대답은 어떻게 표시됩니까? – Craicerjack

네가 내 잘못이야, 네이트가 코드를 디버그해서 문제를 일으키는 걸 봐야 해. – Rahul

-1

여러분 모두에게 감사드립니다! 나는 다른 길을 선택하는 것을 끝내었고, 단지 내가 점보트론 대신에 몸 속에 원하는 배경 이미지를 놓았다. 그런 다음 jumbotron 배경을 투명하게 만들어서 배경 이미지가 나타납니다.

출처

2017-01-11 18:30:05 Nate

이 솔루션에 대한 코드를 제공 할 수 있습니까? 그것은 미래에 같은 이슈를 가진 다른 사람들을 도울 것입니다. – soundslikeodd

부트 스트랩 jumbotron에서 배경 이미지를 얻는 방법

답변

관련 문제