부트 스트랩 드롭 다운 형태는

Question

내가 누구의 폭을 현재의 메뉴를 활성화 링크의 폭에 의해 제한되는 드롭 다운 형태를 가지고 폭 한 줄에 양식 요소. 어떻게해야합니까?

현재 HTML 코드 : 또한

<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

, 어떤 이유로, 양식 클릭은 지금 사라질 수 있습니다. JSFiddle 페이지에서만 작업중인 실제 웹 페이지에서는 발생하지 않습니다. 나는 탭을 눌러이 문제를 우회했다. 이 JS

<ul class="dropdown-menu" id="ddown" role="menu"> //added a id for the dropdown 

을 추가하십시오 :

Answer 1

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

Answer 2

이러한 시도

var m = document.getElementById("date-filter-dropdown").offsetWidth; //get the date div width. 
// alert(m); 
var n = document.getElementById("ddown"); 
n.style.width = m+'px'; // set dropdown width. 

http://jsfiddle.net/Gz3JD/1/