New region shows up weird If you visit http://balancesocialmedia.com/, under the carousel, there are 4 boxes of content; they are block views with col-md-3 as CSS class.

The new region I created is called content_bottom.

regions[content_bottom] = 'Content Bottom'


I then put this code in the page--front.tpl.php under content region (near the bottom of this snippet).

  &lt;section&lt;?php print $content_column_class; ?&gt;&gt;
  &lt;?php if (!empty($page['highlighted'])): ?&gt;
    &lt;div class="highlighted jumbotron"&gt;&lt;?php print render($page['highlighted']); ?&gt;&lt;/div&gt;
  &lt;?php endif; ?&gt;
  &lt;?php if (!empty($breadcrumb)): print $breadcrumb; endif;?&gt;
  &lt;a id="main-content"&gt;&lt;/a&gt;
  &lt;?php print render($title_prefix); ?&gt;
  &lt;?php print render($title_suffix); ?&gt;
  &lt;?php print $messages; ?&gt;
  &lt;?php if (!empty($tabs)): ?&gt;
    &lt;?php print render($tabs); ?&gt;
  &lt;?php endif; ?&gt;
  &lt;?php if (!empty($page['help'])): ?&gt;
    &lt;?php print render($page['help']); ?&gt;
  &lt;?php endif; ?&gt;
  &lt;?php if (!empty($action_links)): ?&gt;
    &lt;ul class="action-links"&gt;&lt;?php print render($action_links); ?&gt;&lt;/ul&gt;
  &lt;?php endif; ?&gt;
  &lt;?php print render($page['content']); ?&gt;
  &lt;div class="container"&gt;
  &lt;div class="row"&gt;
   &lt;?php if ($page['content_bottom']): ?&gt;

    &lt;?php print render($page['content_bottom']); ?&gt;
    &lt;/div&gt;&lt;/div&gt;
   &lt;!-- /.section, /#content bottom --&gt;
&lt;?php endif; ?&gt;
&lt;/section&gt;


I tried moving the code under the closing section tag, removing the container and row class but the first block view is always renders a bit funny.

Also, I can move the blocks to the content region and shows up as expected. I can't track down what's different between the two regions.

Does anyone see where I'm messing up?
You seem to have CSS that removes the top margin from the first block:

.block:first-child h2.block-title, .page-header {
   margin-top: 0;
}


You can override this by simply adding this piece of CSS in your CSS file:

.region-content-bottom .block h2.block-title {
  margin-top: 21px;
}