如何將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; }