html5 - Bootstrap jumbotron background image for mobile -

html5 - Bootstrap jumbotron background image for mobile -

i have problem jumbotron background image. can't display in mobile devices.

my html

<div class="container"><div class="jumbotron with-overlay" id="jumbotronhome"> <div class="overlay white-overlay"></div> <div class="container"> <p><a href="#search-map" class="btn btn-primary btn-lg" role="button">search </a></p> </div> </div> </div>

my css

#jumbotronhome { padding: 70px 0; background: url('http://lorempixel.com/output/city-q-c-1114-529-9.jpg') 0 35% no-repeat; background-size: cover; position: relative; z-index: 2; margin-bottom: 0;}

how can solve this?

perhaps image absent @ server side. browser holds in it's cache phone tries straight if didn't declare manifest.appcache in html tag

html5 css3 twitter-bootstrap twitter-bootstrap-3