title: Twitter Bootstrap dropdown inside of text input
body: <p>Hi I want to build form using Twitter Bootstrap with dropdown menu <strong>inside</strong> of text input. Like this -><img src="https://i.stack.imgur.com/wYFj6.jpg" alt="enter image description here"></p>
  
  <p>I've managed only do it in this way</p>
  
  <pre><code>      &lt;div class="input-append"&gt;
      &lt;form method="get" action="/option" class="navbar-search" id="searchForm"&gt;
        &lt;input type="text" size="16" placeholder="Search string" name="query"&gt;
        &lt;button data-toggle="dropdown" class="btn btn-primary dropdown-toggle searchMain" style="width: 150 px;"&gt;&lt;span&gt;Option 1&lt;/span&gt; &lt;b class="caret"&gt;&lt;/b&gt;&lt;/button&gt;
        &lt;ul class="dropdown-menu" id="search-dropdown" style="left: 220px;"&gt;
          &lt;li&gt;&lt;a href="#" id="option-1"&gt;Option 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" id="option-2"&gt;Option 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" id="option-3"&gt;Option 3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;button type="submit" class="btn btn-primary"&gt;&lt;i class="icon-white icon-search"&gt;&lt;/i&gt;&lt;/button&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>But in this case droptdown is outside of text input. Is it possible to put dropdown inside of text input using Twitter Bootstrap?</p>