Different colors or background for different rows in bootstrap3

See more:

CSS

bootstrap

I am trying to make a web page with bootstrap's jumbotron. I created 2 column jumbotron. I want different background color for both the rows of jumbotron, something similar to the picture shown(just a sample)


example image: http://i.stack.imgur.com/i8C93.png
the code is:

    <div class="jumbotron"> 
    <div class="container">
     <div class="row"> 
    <div class="col-lg-6">
     <h2>This is row 1 of jumbotron</h2> 
    </div> 
    <div class="col-lg-6"> 
    <h2>This is row 2 of jumbotron</h2>
     </div> 
    </div> 
    </div>
     </div>

Any solution for this? Thanks in advance!