2015-10-21 44 views
0

當我在iPhone上進行預覽時,無法選中我的複選框。在我的文檔末尾只有一個複選框可以工作,這讓我感到困惑。不工作的人有這樣的標記:Bootstrap無法選擇iPhone上的複選框

<div id="advancedsearch-column" class="col-xs-12 col-sm-4"> 
    <div class="checkbox"> 
     <label> 
     <input type="checkbox"> 
     Brand 1 
     </label> 
    </div> 
</div> 

的一個沒有工作有此標記:

<div class="form-inline"> 
<div class="checkbox no_margin"> 
    <label> 
    <input type="checkbox"> On special 
    </label> 
</div> 

有周圍一切形式的標籤。我嘗試添加一個.form-inline類到錯誤的複選框,但它似乎沒有幫助。複選框在桌面上運行良好。

+0

你會提供鏈接到您的網站?這些工作在iPhone上的小提琴:https://jsfiddle.net/ryanpcmcquen/gjap46La/ – ryanpcmcquen

+0

我不能因爲它只在我的辦公室的網絡中可見。我最終解決了這個問題。顯然,我必須在其中一個div上指定col-xs(不僅僅是col-sm-)。我發現問題經常出現(如果我沒有指定col-xs,移動版本行爲異常),爲什麼? –

+0

沒有看到整個項目,很難知道。 – ryanpcmcquen

回答

-1

由於您只提供了一小段代碼,因此很難看到100%的情況。

當您在引導程序網格中添加了不等於12的列時,我看到了這個問題。嘗試刪除col-xs-12類並查看它是否有效。