Android微信内置浏览器 bootstrap vertical-align:middle 无效的问题

不多说，直接上代码：

<div class="form-group">
<label for="inputCompany" class="col-xs-2 control-label">公司</label>
<div class="col-xs-10">
<input type="text" class="form-control" id="inputCompany" name="companyname" placeholder="公司名称">
</div>
</div>

相信用过bootstrap的朋友们对上述代码比较熟悉了，但是在Android微信内置浏览器内，标签的文本不能居中对齐，而ios不会出现这种问题，究其原因就是vertical-align：middle

不起作用的问题，尝试了好多种办法均不奏效。

这里采取了一种折中的办法，判断是Android还是ios，若是Android，则让文本向下偏移一定的距离，代码如下：

$(document).ready(function(){
var ua = navigator.userAgent.toLowerCase();
var platform;
if (ua.match(/MicroMessenger/i) == "micromessenger") {
if (ua.indexOf("iphone") >= 0 || ua.indexOf("ipad") >= 0) {
platform = "iphone";
} else if (ua.indexOf("android") >= 0) {
platform = "android";
$('label').addClass('register-label');
} else {
platform = "windows";
}
} else {
platform = "pc";
}

})

ps：但这会产生一定的问题，就是只能在页面加载完成后才能移动label的位置，有视觉感应，希望解决该问题的朋友共享方法呀~