我可以将徽章放入bootstrap输入中吗？

Question

我希望有类似下面的效果。当然最好的KISS，没有大量的JS等等。

可能？很高兴看到一些工作演示。最适合Twitter Bootstrap 2.3。

现在我尝试了追加：

$ ->
   $('#ajax_search_input').append('#danger")

http://jsfiddle.net/andilab/sLmyJ/我还提到了这个：http://jsfiddle.net/andilab/kvH9E/关于添加图标的问题。可以概括为徽章吗？

Answer 1

您不需要使用javascript来完成此操作 - 您可以使用绝对定位使其看起来好像标签位于输入内部。简单演示如下：

http://jsfiddle.net/sLmyJ/1/

.label-danger {
    position: absolute;
    left: 3px;
    top: 5px;
}

编辑 - 要对此进行扩展，您不能在input内添加任何其他元素。这是经常使用button元素而不是input[type="button"]的原因之一。