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

Question

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>

Within form-group, label and ui-select are not inline, even if there are plenty place for it.
Caret and text are overlapping.
Long content overflows
Short content displays strange background

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

Plnkr doesn't want to load for me. Are you using a Bootstrap theme for ui-select? If not, you'll have to dig in and set some CSS overrides to clear up the default styling. — isherwood, Apr 07 '15 at 13:48
Whole plunkr.co seems "down" for me too at the moment... please try again in a few minutes, hope it loads. And yes, i use: theme="bootstrap". — István Békési, Apr 07 '15 at 13:54
Plunker should be up by now, please try again: http://plnkr.co/edit/tAlsDona9LS8D6KUQziS?p=preview — István Békési, Apr 07 '15 at 14:16

score 0 · Answer 1 · edited May 23 '17 at 12:24

0

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.

edited May 23 '17 at 12:24

Community

answered Jul 10 '15 at 05:37

Martín Coll

1 Answers1