Bootstrap label class not wrapping

Question

I'm performing an ng-repeat of labels

<span class="label label-primary" style="margin-right:5px;" ng-repeat="a in data.tags">{{a.tagName}}</span>

If the output is many labels, it goes off the screen, instead of wrapping responsively according to the col-md size i have it in.

see example: http://www.bootply.com/119412

What gives?

Thanks!

Answer 1

Changing display:inline to inline-block fixed this.

<span class="label label-primary" style="margin-right:5px; display:inline-block" ng-repeat="a in data.tags">{{a.tagName}}</span>