<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section class="masthead" style="/* background-image: url(''); */background-image: url('https://developer.yodlee.com/assets/img/Use-cases/Personal-Financial-Management-banner.png');/* background: 100%; */"> <div class="container"> <div class="row"> <div class="col-lg-8 col-md-10 mx-auto"> <div class="site-heading"> <h1>Clean Blog</h1> <span class="subheading">A Blog Theme by Start Bootstrap</span> </div> </div> </div> </div> </section>

.header.masthead { height:380px; background: no-repeat center center; background-color: #777; background-attachment: scroll; background-size: cover; display: block; background-position-x: center; background-position-y: center; background-size: cover; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-origin: initial; background-clip: initial; }