如何将bootstrap标签组件分开？

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; }