Bootstrap XS中的DropDownList無法打開

Question

我有一個ASP應用程序和一個dropdownlist的問題。它不會在XS移動設備上打開：

<div class="row"> 
    <div class="col-xs-4 col-sm-2 col-md-1"> 
     <!-- Anzahl Zeilen DropDownList --> 
     <asp:DropDownList ID="ddlUserGridViewRows" runat="server" 
      AutoPostBack="True" 
      CssClass="form-control font-13" 
      data-style="btn-primary"> 
      <asp:ListItem Value="5"> 5 </asp:ListItem> 
      <asp:ListItem Value="10"> 10 </asp:ListItem> 
      <asp:ListItem Value="15"> 15 </asp:ListItem> 
      <asp:ListItem Value="20"> 20 </asp:ListItem> 
      <asp:ListItem Value="30"> 30 </asp:ListItem> 
      <asp:ListItem Value="50"> 50 </asp:ListItem> 
     </asp:DropDownList> 
    </div> 
    <div class="col-xs-6 col-sm-2 font-13 hidden-xs" style="padding-top: 6px;"> 
     Zeilen pro Seite 
    </div> 
    <div class="col-sm-offset-4 col-sm-4 col-md-offset-5 col-lg-offset-6 col-lg-3"> 
     <!-- Unit DropDownList --> 
     <asp:DropDownList ID="ddlUnitList" runat="server" 
      AutoPostBack="True" 
      CssClass="form-control font-13" 
      data-style="btn-primary" /> 
    </div> 
</div> 

這適用於LG，MD和SM屏幕大小（Bootstrap）。調整瀏覽器到XS的屏幕大小將不再打開第一個下拉列表。任何想法？！？

Answer 1

使用引導下拉我認爲它可以解決您的問題。 使用class="dropdown"與您的主div，並且還將class="dropdown-menu"分配給您的下拉列表項目。

欲瞭解更多詳情研究：http://getbootstrap.com/components/#dropdowns