CODEWITHSUNDEEP
csstwitter-bootstrap
jovenb
jovenb

Reputation: 120

dropdown list width is not exact with content

I'm using bootstrap library to set styles on dropdown selection class="form-control input-sm"

but my problem is the content of the drop list is 'cut' I cant see the whole value, if i remove it it back to native style which not my goal

i was trying to get some answer to previous post but no luck finding quick solution on this? any thoughts?

enter image description here

thanks,

Upvotes: 0

Views: 39

Answers (1)

uRTLy
uRTLy

Reputation: 129

Use this code and put your menu options to this ul.

<div class="btn-group">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Small button <span class="caret"></span>
</button>
<ul class="dropdown-menu">
...
</ul>
</div>

As you can read from their docs its not advised to style inputs with bootstrap classes because their behaviour is different on vaious browsers.

Upvotes: 1

Related Questions