在bootstrap上预先输入3

Question

目前我正在使用this typeahead，但它显示如下：

我可以显示预先输出，宽度与input相同吗？

到目前为止我尝试的是：

.dropdown-menu {    
    display: block; position: static; width: 100%; 
}

但这打破了较低的领域

检查我的fiddle

更新

我尝试了@neel shah和@shin解决方案，这就是结果。我不知道为什么小提琴不是这样看的

Answer 1

试试this。希望它有所帮助。

.dropdown-menu { width: 100%; }

更新： 检查this。

Answer 2

问题在于position: static您只需将其从css

中删除即可

选中此FIDDLE

.dropdown-menu { display: block; width: 100%; }

Answer 3

$('.typeahead').typeahead({})
on('typeahead:opened',function(){$('.dropdown-menu').css('width',$('.typeahead').width() + 'px');});