javascript - Bootstrap dropdown form width -


i have dropdown form, width constrained width of link activating dropdown:

the problem

i want form extend far needed put form elements on 1 line. how can that?

current html code:

<h1>time period:     <div id="date-filter-dropdown" class="dropdown">             <a class="dropdown-toggle" data-toggle="dropdown" href="#">                 <span class="primary">may 2013</span></a>             <ul class="dropdown-menu" role="menu">                 <li>                     <form class="form-inline">                         <input type="text" class="input-mini filter-time-form" id="id_filter_form_year" maxlength="4" size="4" placeholder="yyyy" />                         <span class="filter-form-date-dividers">&dash;</span>                         <input type="text" class="input-mini filter-time-form" id="id_filter_form_month" maxlength="2" size="2" placeholder="mm" />                         <span class="filter-form-date-dividers">&dash;</span>                             <input type="text" class="input-mini filter-time-form" id="id_filter_form_day" maxlength="2" size="2" placeholder="dd" />                          <button type="button" class="btn btn-primary javascript-submit" id="filter-date-submit" onclick="filter_time();">filter</button>                     </form>                 </li>             </ul>         </div>     </h1> 

jsfiddle

also, whatever reason, clicking on form makes disappear right now. doesn't happen on actual webpage working with, on jsfiddle page. i've bypassed issue pressing tab now.

h1 div#date-filter-dropdown ul.dropdown-menu {     white-space:nowrap;     min-width: 10px; } 

Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -