How to use ui-select within inline form of Bootstrap?

I'm facing multiple issues while using ui-select within a bootsrap inline form: http://plnkr.co/edit/tAlsDona9LS8D6KUQziS?p=preview

<form class="form-inline"> ... </form>
  1. Within form-group, label and ui-select are not inline, even if there are plenty place for it.
  2. Caret and text are overlapping.
  3. Long content overflowsenter image description here
  4. Short content displays strange background enter image description here

Please, take a look at my plunk, and enlighten me, what am I doing wring?

Upvotes: 3

Views: 2097

Answers (1)

Mart&#237;n Coll
Mart&#237;n Coll

Reputation: 3804

You can see here information about this style: they set the control in the form-inline to use width auto.

You could write your own class to override that behavior as they suggest here.

Upvotes: 0

Related Questions