No spacing between bootstrap-labels with ng-repeat

angularjs, css, javascript, twitter-bootstrap

Solution

You could change your HTML markup to this...

   <div class="panel-heading">
    My panel
    <span ng-repeat="tag in tags"><span class="label label-primary">{{tag}}</span> </span>
   </div>

Demo: http://bootply.com/113372

Problem

When I am adding labels using ng-repeat from angular.js, they are shown without spacing. Here is a Plunker which demonstrates it. But if I add labels manually, just has copied html, then they are shown with whitespace. Is there a way to add white space between labels without additional styling, as it does in pure bootstrap?

Original source