How to format background color using twitter bootstrap?

Question

I am playing with the styles on the website here: http://www.grabapper.com

I am trying to include background-color #2ba6cb on the hero unit. When I include:

<div class="row" style ='background-color: #2ba6cb;'>

The color doesn't go all the way to the edge of the page. How do I get the background color to go to the edge of the page?

Answer 1

Bootstrap default "contextual backgrounds" helper classes to change the background color:

.bg-primary
.bg-default
.bg-info
.bg-warning
.bg-danger

If you need set custom background color then, you can write your own custom classes in style.css( a custom css file) example below

.bg-pink
{
  background-color: #CE6F9E;
}