CODEWITHSUNDEEP
csstwitter-bootstrapscrollbar
codingBliss
codingBliss

Reputation: 135

twitter bootstrap dropdown with horizontal scroll

I am using twitter bootstrap dropdown ,but I cant get the horizontal scroll to work. I have tried 

overflow-x:scroll;

and

overflow-x:visible;

CSS

.md-size-list{
width:70px;
padding:0px;
overflow-x:scroll;
}

HTML:

<select multiple="multiple" class="form-control 
        md-size-list" id="component" size="6">
  <option>Name</option>
  <option>Name1200</option>
  <option>Name1200</option>
  <option>Name1200</option>
  <option>Name1200</option>
  <option>Name1200</option>
  <option>Name1200</option>
</select>

Here is the example

Upvotes: 1

Views: 4564

Answers (1)

meda
meda

Reputation: 45490

The trick is to wrap your dropdown around a div tag and apply the CSS to it:

<div class="md-size-list">
    <select multiple="multiple" "form-control" id="component" size="6">
      <option>Name</option>
      <option>Name1200</option>
      <option>Name1200</option>
      <option>Name1200</option>
      <option>Name1200</option>
      <option>Name1200</option>
      <option>Name1200</option>
    </select>
</div>

DEMO

Upvotes: 2

Related Questions