Bootstrap窗體輸入在iPhone上看起來不順利，但在Android上很好

Question

我的網站窗體在桌面和Android瀏覽器上看起來不錯，但我在iPhone上看起來有點不順眼。我使用引導程序「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>