Bootstrap无法在应用浏览器中正常工作

Question

我有一个模式表格，要求提供其他用户信息。当我在本地打开它时，它可以正常工作。然后，当我在Messenger的应用程序浏览器中打开它时，每个文本字段现在都有自己的一行。

例如：

<div class="form-row">     
 <div class="form-group col-md-2">
   <input type="Age" id="age" class="form-control" placeholder="Floor" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==2) return false;"/>
 </div>
 <div class="form-group col-md-2">
  <input type="number" id="contact" class="form-control" placeholder="Contact" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==5) return false;" />
 </div>
 <div class="form-group col-md-8">
  <input type="text" id="bldg" class="form-control" readonly="true">
  <label class="form-control-placeholder" for="bldg">Building Name</label>
 </div>
</div>

我希望1列输出3列。但是我每行得到3列中的1列。当我在本地浏览器中打开它时，它会正确显示。我在做什么错了？