Ako roztiahnuť div na celú obrazovku

<header>
      <nav class="navbar navbar-inverse">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
            <li><a href="#"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a></li>
              <li><a href="/anime/">Anime</a></li>
              <li><a href="/manga">Manga</a></li>
            </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Administrácia</a></li>
          </ul>
          </div>
        </div>
      </nav>
   </header>

header {
   background-image: url("/img/header.jpg");
   background-color: #281e14;
   background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  display: block;
   position: relative;
   height: 50em;
}