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?
This question is related to
html
css
twitter-bootstrap
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;
}
Just add a div around the container
so it looks like:
<div style="background: red;">
<div class="container marketing">
<h2 style="padding-top: 60px;"></h2>
</div>
</div>
Source: Stackoverflow.com