Próbuję dowiedzieć się, jak zrobić obraz tła w pełnej szerokości i reagować. Obraz tła rozszerza się na szerokość strony (i jest responsywny), ale wysokość obrazu nie jest jego pełną wysokością. Wygląda na to, że jest jakoś odcięty. Używam struktury bootstrap, a powodem, dla którego próbuję to zrobić, jest nałożenie tekstu na obraz. Próbowałem tak wielu różnych rzeczy, ale wydaje mi się, że nie potrafię tego zrozumieć, pomóż!

<div class="bg-image">
  <div class="container">
    <div class="row-fluid">
      <div class="span12">
        <h1>This is some text</h1>
      </div>
    </div>
  </div>
</div>


  .bg-image {
  background: url(img/image.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-height: 450px;
  }