Css 带输入组的Bootstrap 3标记列表

我尝试使用一个标签创建一个标签列表（如stackoverflow）

结果应该与此类似，右侧有一个全高按钮：

我考虑的基础如下所示：

<span class="tag label label-primary">Primary<span data-role=
    "remove"></span></span>

走！

下面是我尝试用它制作一个标签列表（请注意，它应该有多行）

HTML:

违约
初级的
成功
... 更多的标签。。。
违约
初级的
成功

走！

CSS:

ul{
左侧填充：0；
显示：内联；
列表样式类型：无；
}
李{
显示：内联块；
}

---

但是，这并没有像预期的那样起作用。

您需要编辑

项以获得以下内容：

<span class="tag label label-primary">Primary<span data-role=
    "remove"></span></span>

而且。。。在ul之前向您的from组添加引导标记PUT：

<div class="form-control bootstrap-tagsinput">

---

要创建标记部分，您可以使用如下自定义样式，然后将其设置为类似的样式：

<span class="tag label label-primary">Primary<span data-role=
    "remove"></span></span>

堆栈中的演示代码段（&S）

.input group.bootstrap标记输入{
边框右上角半径：0；
边框右下半径：0；
宽度：100%
}
.输入组btn{
高度：0px；
}
.输入组btn.btn{
身高：100%；
}

走！

你能给我看看你想要的结果的图像吗？@vee对不起，我没有图像。但是，在右边有一个按钮就可以了。看起来您可能需要删除或编辑.form control类/div。当我删除

.form control

，框架就会消失……我想您不能仅仅使用form control来隐藏它。Bootstrap 3 form control包含固定高度。你必须像这样添加自定义css。。。谢谢你的回答！它看起来很有前途，但在我的浏览器（iceweasel又名Firefox 31）中不起作用，请参见和