如何分开引导标签组件？

Question

我正在使用angular.js并为我的前端提供bootstrap。我正在使用以下代码布置标签：

<div class="some_labels">
  <label>
    {{main.text}}
    <span class="label label-default" ng-repeat="label in main.labels">
      {{label}}
    </span>
  </label>
</div>

结果如下所示：

如何将标签间隔几个像素？

Answer 1

设置span元素的样式。

 <!-- Inline styling --> 
 <label>
    {{main.text}}
    <span style="margin-right: 5px;" class="label label-default" ng-repeat="label in main.labels">
      {{label}}
    </span>
  </label>

将样式放在自己的样式表中。

label span { margin-right: 5px; }