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

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

结果如下所示:

标签

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

#1楼 票数:2 已采纳

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

  ask by JuJoDi translate from so

未解决问题?本站智能推荐:

1回复

AngularDatePicker与引导模态窗口重叠

我试图在引导程序的模态窗口中渲染一个有角度的日期选择器。 但是,日历已被裁剪。 附件是相同的屏幕截图。 我试图用z-index修复它。 但是失败非常严重。 前提条件: 模态的页眉和页脚是固定的。 仅模式-body将滚动。 模态主体将具有max-height来
1回复

如何为自定义angularjs输入绑定标签?

我想知道一种将标签绑定到自定义角度输入字段的简单方法。当前代码不起作用代码在这里 由于我不熟悉Angularjs,有人可以建议一种简单的方法来为taginput字段绑定标签,以便单击label可以使taginput聚焦吗?
1回复

引导标签相交

我有多个具有自举标签样式的<span>元素,并且得到以下信息: 如何解决这个问题呢? 更新:(添加了摘要) .label { background-color: #5cb85c; display: inline; padding: .2em .6em .3em; fo
2回复

如何创建这样的引导标签?

我想创建这样的输入。 单击标签时,将显示一条紫罗兰色的线。 单击成功输入时,标签下方会出现绿线。 当您单击错误行输入时,输入下方会出现红线。 我想使用HTML和CSS创建
2回复

angularjs引导标签使用

我想在这个例子中使用angularjs bootstrap实现bootstrap选项卡 - 它包含指令tabbable和tabPane。 它不起作用,我不知道如何让球滚动。 app.js:
1回复

在引导标签中滚动添加类

我需要一个小的帮助,以便在引导标签轮播中滚动添加类。 所以这是我的页面网址 当我从1,2,3这样的选项卡上单击任何点时。活动类在选项卡上添加了一个完美的选项,我使用的是脚本 它是完美的工作,因为类在li.active上添加,但是当我在标签容器中滚动时,我也希望当前标签上的.active
1回复

引导标签内容上的边框

我想在标签内容上添加边框。 所选选项卡的底部不应有边框。 我发现了以下问题: 如何为自举选项卡内容添加边框 ,但是答案对我不起作用? HTML: CSS: JSFiddle: http : //jsfiddle.net/ep2drocb/7/ 请注意,打开的选项卡中有边框,关
2回复

引导标签向左对齐

我有以下标记: 问题是标签文本不会向左浮动。 即使当我向包含的div添加text-align:left时,它仍然不会向左对齐。 我可能做错了什么?