SELECT标签在bootstrap布局中移动端在谷歌和火狐不能正常使用下拉菜单。前来请教各路大圣

具体代码如下：

	<div class="screen" style="background-color: rgba(255,255,255,0.5); ">
	      	  <div class="col-md-4 col-xs-12 form-inline">用户账号：<input type="text"                             name=""   style="width: 60%"></div>
	          <div class="col-md-4 col-xs-12 form-inline">用户名称：<input type="text"  name=""  ></div>
	          <div class="col-md-4 col-xs-12 form-inline">真实姓名：<input type="text"  name=""  ></div>
	          <div class="col-md-4 col-xs-12 form-inline">出生日期：<input type="date"  name=""  ></div>
	          <div class="col-md-4  col-xs-12 form-inline">&nbsp;&nbsp;&nbsp;&nbsp;性别&nbsp;&nbsp;&nbsp;&nbsp;：<select><option>男</option><option>女</option></select></div>
	          <div class="col-md-4  col-xs-12 form-inline">&nbsp;&nbsp;&nbsp;&nbsp;地区&nbsp;&nbsp;&nbsp;&nbsp;：<select><option>丹东市</option><option>东市区</option><option>元宝区</option><option>振兴区</option><option>振安区</option><option>宽甸满族自治县</option><option>东港区</option><option>凤城市</option></select></div>
	          <div class="col-md-4  col-xs-12  form-inline">所属单位：<input type="text" placeholder="丹东市人民政府" name=""  ></div>
	          <div class="col-md-4  col-xs-12 form-inline">&nbsp;&nbsp;&nbsp;&nbsp;身份&nbsp;&nbsp;&nbsp;&nbsp;：<select><option>企业用户</option><option>行政主管用户</option><option>公众用户</option><option>企业用户管理员</option><option>丹东市行政主管操作员</option><option>东市区行政主管操作员</option><option>元宝区行政主管操作员</option><option>振兴区行政主管操作员</option><option>振安区行政主管操作员</option><option>宽甸满族自治县行政主管操作员</option><option>东港区行政主管操作员</option><option>凤城市行政主管操作员</option></select></div>
	      	  <div class="col-xs-12"><img src="images/管理员页面图标/搜索按钮.png" class="responsive" ></div>
        </div>

 

求教各路大神

谷歌浏览器网页端正常使用

谷歌浏览器移动端，下拉端口会出现在屏幕之外显示白色一块区域。

火狐浏览器网页端可以正常显示

火狐浏览器移动端也未能正常显示。是不是会弹出菜单。但大部分不出现。