android-选择下拉菜单在应用引导程序时不适用于移动设备
作者:互联网
我在引导程序列中使用html select,但是当我在移动设备(iOS和Android)中单击下拉按钮时,它无法显示选项列表.但是它可以在PC浏览器中使用. html代码如下所示:
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<select>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
</div>
</div>
如果我从div中删除了那些“ col-xs-6 col-sm-6 col-md-6”类,则select下拉列表将在移动设备中工作.
那是什么问题呢?我该如何运作?
解决方法:
尝试像这样使用
<form role="form">
<div class="form-group">
<div class="col-xs-6 col-sm-6 col-md-6">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
</form>
工作提琴
http://jsfiddle.net/52VtD/9092/
标签:twitter-bootstrap,twitter-bootstrap-3,css,html,android 来源: https://codeday.me/bug/20191028/1956266.html