编程语言
首页 > 编程语言> > android-选择下拉菜单在应用引导程序时不适用于移动设备

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