typeahead示例on the typeahead website似乎在元素的.tt-input中使用3em !important来限制style的宽度，以便在您输入内容时它比3em长，它在这个微小的输入中开始滚动出视图。
如何让.tt-input更宽广？
以下是帮助解释我所说的内容的屏幕截图：http://oi57.tinypic.com/2vvt9qc.jpg。
答案 0 :(得分：1)
这似乎是硬编码到bootstrap-tagsinput.js中，见第46-47行：
var inputWidth = (this.inputSize < 3 ? 3 : this.inputSize) + "em";
this.$input.get(0).style.cssText = "min-width: " + inputWidth + " !important;";
inputSize基于占位符文本计算。如果没有，则默认为3em。您可能希望更改这些行以获取不同的值，或者完全删除该属性。我不完全确定它为什么会存在。
答案 1 :(得分：0)
将类设置为：
input.tt-input {
width:auto !important;
}
...确保你把它放在打字机css之后，以便它被覆盖。
答案 2 :(得分：0)
我遇到了同样的问题并且Eepzy是正确的：bootstrap-tagsinput.js确实使用placeholder文字来确定输入字段的大小，但3em仅用于{+ 1}} 39; t的placeholder文本长度至少为3个字符。
我认为编辑第三方js一般不是好习惯。
我们的问题有一个不同的解决方案：只使用占位符文本。
<input type="text" class="tagsinput" placeholder="Type here..."/>
只要文本长度至少为3个字符，任何文本（空白除外）都会执行。