【问题标题】:How to space apart bootstrap label components?如何分隔引导标签组件?
【发布时间】:2014-04-20 07:57:04
【问题描述】:

我正在使用 angular.js 并为我的前端提供引导程序。我正在使用以下代码布置标签:

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

结果如下所示:

如何将标签彼此间隔几个像素?

【问题讨论】:

    标签: css html angularjs twitter-bootstrap


    【解决方案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; }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-06-24
      • 2020-03-22
      • 1970-01-01
      • 2020-11-21
      • 2020-08-21
      • 1970-01-01
      • 1970-01-01
      • 2022-08-02
      相关资源
      最近更新 更多