combobox displaying weird bootstrap Monaca
<p>I've been developing in Monaca IDE with bootstrap; the problem I'm having right now is that the combobox element displays half its height when I test the app in my cellphone(or any other cellphone) but in the preview it displays beautiful,</p>

<p>this is my combobox code:</p>

<pre><code>&lt;div class="input-group"&gt;
      &lt;div class="input-group-addon"&gt;
           &lt;ons-icon icon="fa fa-car" size="15px" fixed-width="false"&gt;&lt;/ons-icon&gt;
      &lt;/div&gt;
      &lt;select ng-model="combo" id="miselect" class="btn btn-primary dropdown-toggle col-xs-12"&gt;
            &lt;option&gt;[ Seleccione parada ]&lt;/option&gt;
            &lt;option ng-repeat="parada in paradas"&gt;{{ parada }}&lt;/option&gt;
      &lt;/select&gt;
&lt;/div&gt;
</code></pre>

<p>Has anyone encounter a problem like this before?</p>

<p>this is how it displays:</p>

<p><a href="https://i.stack.imgur.com/YHvB1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YHvB1.png" alt="enter image description here"></a></p>