checkbox ng-repeat format in columns
<p>I want to be able to align multiple checkboxes in columns where the checkboxes are created from a ng-repeat.  </p>

<p><a href="https://i.stack.imgur.com/dDALR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dDALR.png" alt="enter image description here"></a>
here is a <a href="http://plnkr.co/edit/zd0CXhbBXZfPcwt0loYU?p=preview" rel="nofollow noreferrer">plunker</a> with example code but does not do what I want. Ideally I would like a variable to be used for the number of columns</p>

<p>here is a <a href="https://stackoverflow.com/questions/10887893/twitter-bootstrap-checkbox-columns-columns-within-form">StackOverflow Example</a> example without the ng-repeat</p>

<p><strong>sample code</strong></p>

<pre><code>  $scope.radii = [
    {id:.25, name:"1/4 Mile"},
    {id:.5, name:"1/2 Mile"},
    {id:1, name:"1 Mile"},
    {id:2, name:"2 Mile"},
    {id:3, name:"3 Mile"},
    {id:4, name:"4 Mile"},
    {id:5, name:"5 Mile"}
  ];

  // selected value is {id:2, name:"2 Mile"}
  $scope.selectedRadius = $scope.radii[3];

});
</code></pre>

<p></p>

<p></p>

<pre><code>  &lt;label class="checkbox" ng-repeat="radius in radii" id="selectradius-{{radius.id}}"&gt;
    &lt;input type="checkbox" name="radius"
         ng-model="$parent.selectedRadius"
         ng-value="radius"&gt;

    {{radius.name}}

  &lt;/label&gt;
</code></pre>