Question

我有一个ASP应用程序和下拉列表的问题。它不会在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

使用Bootstrap Dropdown我认为它可以解决您的问题。将class="dropdown"与您的主div一起使用，并将class="dropdown-menu"分配给您的下拉列表项。

有关详细信息，请参阅：http://getbootstrap.com/components/#dropdowns

Bootstrap XS中的DropDownList无法打开

1 个答案: