I've been struggling with this issue for a while although tried from many topics in StackOverflow, and just wondered if anyone has any advice!
I'm using Bootstrap 3, basically I want to place images inside the container
<div>, that will resize with the browser window, the content still staying inside it. So how can I make it responsive? Thank you in advance!
</div> <!-- end special-dishes -->
</div> <!-- end container -->
</div> <!-- end special-dishes-section -->
background: url('../images/special-dishes-bg.jpg') no-repeat center center;
padding: 71px 0 65px 0;
background: url('../images/wooden-bg.png') no-repeat center center;
This property help you when it needs to be responsive. See this link for more information: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp
Hope it helps you.
background-size: cover; or