sharataka sharataka - 6 months ago 13
HTML Question

How to format background color using twitter bootstrap?

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

Move your row before <div class="container marketing"> and wrap it with a new container, because current container width is 1170px (not 100%):

<div class='hero'>
  <div class="row">
   ...
  </div>
</div>

CSS:

.hero {
  background-color: #2ba6cb;
  padding: 0 90px;
}