Bootstrap Jumbotron Background Cover Image

HTML

<div class="container">
  <div class="jumbotron jumbotron-cover-image">
    <div class="container">
        <h1>Hello, world!</h1>
        <p>...</p>
    </div>
  </div>
</div>

CSS

.jumbotron-cover-image {
        position: relative;
        background: #000 url("https://himpfencom.ams3.cdn.digitaloceanspaces.com/codepen-asset-hosting/yeshi-kangrang-276043-unsplash.jpg") center center;
        width: 100%;
        height: 100%;
        background-size: cover;
        color: #fff;
}
Show Comments