Question

我在引导程序 col 中使用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>

如果我删除那些＆＃34; col-xs-6 col-sm-6 col-md-6＆＃34;来自div的类，选择下拉列表可在移动设备中使用。

那么问题是什么？我怎样才能使它发挥作用？

Answer 1

尝试使用像这样的

<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/

应用引导程序时，选择下拉列表在移动设备中不起作用

1 个答案: