Having trouble achieving full browser height with my jQuery code. Check out this link for more information --
Below is the snippet of my HTML code:
<div class="container contentContainer">
<div class="row">
<div class="col-md-6 col-md-offset-3" id="topRow">
<h1>Get Work. Done</h1>
</div>
</div>
</div>
CSS used in my code:
.contentContainer
{
background-image:url('laptop1.jpg');
height:400px;
width:100%;
background-size:cover;
}
And here's the jQuery script I am using:
<script>
$(".contentContainer").css("height",$(window).height());
</script>
I am utilizing jQuery version 1.11.2 min.