title: Bootstrap grid problems (overlapping divs)
body: <p>I know that this question is already answered but I really don't get where I'm wrong.</p>
  
  <p>I have a grid with this structure:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="row"&gt;
          &lt;div class="left_content col-lg-8 col-sm-12"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="news_report col-lg-6 col-sm-6"&gt;
  
                  &lt;/div&gt;
  
                  &lt;div class="news_report col-lg-6 col-sm-6"&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="row"&gt;
                  &lt;div class="recursos_container col-xs-6"&gt;
  
                  &lt;/div&gt;
  
                  &lt;div class="more_info_container col-xs-6"&gt;
                      &lt;div class="alerts_container"&gt;
  
                      &lt;/div&gt;
  
                      &lt;div class="acces_to_catalog_container"&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="row"&gt;
                  &lt;div class="app_info_container col-xs-12"&gt;
                      &lt;div class="app_left_content"&gt;
  
                      &lt;/div&gt;
  
                      &lt;div class="app_right_content"&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row"&gt;
          &lt;div class="right_content col-lg-4 col-sm-12"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="twitter_container"&gt;
                      &lt;div class="twitter_header"&gt;
  
                      &lt;/div&gt;
  
                      &lt;div class="twitter_content"&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="row"&gt;
                  &lt;div class="blog_container"&gt;
                      &lt;div class="blog_side_header"&gt;
  
                      &lt;/div&gt;
  
                      &lt;div class="blog_side_content"&gt;
                          &lt;div class="blog_side_post"&gt;
  
                          &lt;/div&gt;
  
                          &lt;div class="blog_side_post"&gt;
  
                          &lt;/div&gt;
  
                          &lt;div class="blog_side_post"&gt;
  
                          &lt;/div&gt;
  
                          &lt;div class="blog_side_post"&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="blog_side_footer"&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The twitter container is overlapping the others divs. Do I have to make a bit of mess with the bootstrap classes?</p>