Select2 with Twitter Bootstrap 3 / Dropdown wrong width

Question

I want to use select2.js in combination with twitter bootstrap 3. Everything works fine so far, except the fact, that the Drop-Down container has not the same width as the select container itself. By resizing the window this phenomen appears and disappears. Here is a picture that shows the issue And here is the jsfiddle where you can try the resizing. (Tested it with IE 11 and FF 26) jsfiddle And here also the code: ```

Accepted Answer

Just embed your form with a `<form>` like here and tell your select to have a `class="form-control"`. Follow the steps here http://getbootstrap.com/css/#forms-horizontal.

This will show your select2 combo correctly. Don't use style=**

Select2 with Twitter Bootstrap 3 / Dropdown wrong width

Solution

Problem