Как изменить раскрывающееся меню Bootstrap multiselect сверху?

Question

Я попытался изменить положение всплывающего меню bootstrap multiselect сверху, но не повезло. Ниже, вместо того, чтобы правильно использовать верхнюю часть элемента управления.

<select id="example-dropRight" multiple="multiple"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
    <option value="4">Option 4</option> 
    <option value="5">Option 5</option> 
    <option value="6">Option 6</option> 
</select> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#example-dropRight').multiselect({ 
      buttonWidth: '400px', 
      **dropRight: true** 
     }); 
    }); 
</script> 

Answer 1

Вы можете сделать как Тхи путь ... DEMO

<div class="btn-group dropup" style=" margin: 100px;"> 
    <button class="btn">Dropup</button> 
    <button class="btn dropdown-toggle" data-toggle="dropdown"> 
    <span class="caret"></span> 
    </button> 
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
    <li><a tabindex="-1" href="#">Action</a></li> 
    <li><a tabindex="-1" href="#">Another action</a></li> 
    <li><a tabindex="-1" href="#">Something else here</a></li> 
    <li class="divider"></li> 
    <li><a tabindex="-1" href="#">Separated link</a></li> 
</ul> 
</div> 

Answer 2

Это мой ответ: <div class="**dropup**"><select id="example-dropRight" multiple="multiple"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option> <option value="5">Option 5</option> <option value="6">Option 6</option> </select> </div>