title: Join 3 columns to 3 other columns using bootstrap (regardless of size)
body: <p>I am using Boostrap and I have 2 rows that have 3 columns each.</p>
  
  <p>As seen in the following image:</p>
  
  <p><a href="https://i.stack.imgur.com/Ye08T.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ye08T.jpg" alt="3 columns for each rows"></a></p>
  
  <p>The problem in the bottom row is that the 3 columns are grouped in the same line, and what I want is for the 3 columns below to be almost glued to the 3 columns above (regardless of the size of the columns below ), Newspaper type.</p>
  
  <p>As seen in the following image:</p>
  
  <p><a href="https://i.stack.imgur.com/VdDw8.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VdDw8.jpg" alt="expected result"></a></p>
  
  <p>My code (simple HTML and Angular ng-repeat):</p>
  
  <pre><code>&lt;div class="row"&gt;
     &lt;div ng-repeat="channel in channels"&gt;
         &lt;div ng-if="$index % 3 == 0" class="clearfix"&gt;&lt;/div&gt;
         &lt;div class="col-md-4 well"&gt;
             &lt;h1 class="h1-class" style="margin-left: 20px"&gt;
              {{ channel.name }}
             &lt;/h1&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>How can I achieve this friends?</p>
  
  <p>Sorry if my question is wrong, I really did not know how to ask this. Greetings from Chile.</p>