android - Bootstrap 表单输入在 iPhone 上看起来乱七八糟，但在 Android 上看起来不错

Question

我的网站表单在桌面和安卓浏览器上看起来不错，但在 iphone 上看起来有点乱。我正在使用 Bootstrap “col-xs-12”使其在小屏幕上占用整行，但在 iPhone 上它占用半行，在 y 轴上稍低一些。

<span class="col-xs-12">Datum prijave</span>
<input name="checkin" class="col-xs-12" type="date" value="2016-01-12" required="">

<span class="xol-xs-12">Datum odjave</span>
<input name="checkout" class="col-xs-12" type="date" value="2016-01-12" required="">

website link

Answer 1

注意你的类电话

<span class="xol-xs-12">Datum odjave</span>

应该是

<span class="col-xs-12">Datum odjave</span>