我正在使用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回复

Angular DatePicker与引导模态窗口重叠

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

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

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

引导标签相交

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

带有引导模态的AngularJS

我在引导中使用纯angularjs。 我正在尝试创建用户登录后登陆的页面。 因此,作为默认路线“ /” ,用户着陆到landing.html landing.html包含 我的问题是我对Homes标签和帮助有兴趣。 单击后,所选按钮的背景应更改。 目前,它只有Home
4回复

如何在引导程序中创建垂直的可点击分隔线?

所以我有一个布局,左边的24%是侧边栏菜单,右边的75%是主要内容,左边和右边之间是一个垂直分隔线或1%的可点击行。 通过单击此行,左侧部分将被隐藏。 该行将移至屏幕的左端,而右部分将变为99%。 如果再次单击此行,它将再次变为左24%,右75%。 如何创建这种垂直可点击线?
2回复

将引导程序组件放置在一条直线上

我在Bootstrap HTML页面上工作,我想在BOOKS下拉菜单的右侧放置搜索字段和按钮。 但是,使用该代码,搜索按钮将位于搜索字段的下方。 提供了代码, 使用代码后的样子是这样, 如何将SEARCH按钮放在输入字段的右侧? UPDATE 如果将
1回复

如何在angularjs中检测外部点击引导模态?

要求是我想检测用户是否在模态之外单击,这是我的模态代码 我以这种方式称呼莫代尔
2回复

将angularjs数据传递到引导模态

首先,我是angularjs的新手。因此,当我尝试将数据从angularjs控制器传递到引导程序模式时,它们不会显示。 触发 语气 AngularJS控制器
1回复

为什么默认情况下禁用引导多选选项?

我是新手。 我不明白为什么这些简单的多选选项不可单击。 编辑 下面的测试站点上的第一个多选是有问题的。 我已经测试过使用Chrome和Firefox。 编辑2 我也在使用angularjs,并认为某处可能存在冲突。 我正在检验这个假设。 的HTML 唯
1回复

在角度重复循环内设置和获取引导单选按钮

我正在尝试设置默认按钮并获取当前选定的值。 没有重复循环的示例有效。 这是我的plnkr: http ://plnkr.co/edit/t9CefA5bhLZs3RASmEUG?p = preview 它基于这个例子: http : //plnkr.co/edit/LFj4inY9