Search code examples
csstwitter-bootstrapbootstrap-typeahead

typeahead on bootstrap 3

Currently I'm using this typeahead but it display like this:

enter image description here

Ist possible to display the typeahead, same width as the input?

What I tried so far is:

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

But this break the lower fields

enter image description here

Check my fiddle

UPDATE:

I tried both of @neel shah and @shin solution and this is the result. I don't know why in the fiddle is not looking this way

enter image description here

Solution

  • Try this. Hope it helps.

    .dropdown-menu { width: 100%; }

    UPDATE: Check this out.