Creating a responsive CSS footer using gradient and bootstrap

Problem

enter image description here

I’m using Bootstrap and CSS to make a footer like this image, the problem is it has to be responsive. How am I going to do that curve with CSS?

Here is what I'm trying

jsfiddle.net/warpoluido/8wyLg/

Problem courtesy of: AND4011002849

Solution

Find the working demo link.

Working demo

HTML:

<footer>
    <div class='left'></div>
    <div class='right'></div>
</footer>
Solution courtesy of: user1853128

Discussion

There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.