asp.net - DropDownList in Bootstrap XS do not open -


i have asp application , problem dropdownlist. not open on xs mobile devices:

<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>

this works on lg, md , sm screensize (bootstrap). resize browser xs screen size no longer open first dropdown list. idea?!?

use bootstrap dropdown think solve problem. use class="dropdown" main div , assign class="dropdown-menu" dropdown list item.

for more details study : http://getbootstrap.com/components/#dropdowns


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more