title: Typeahead problems with Bootstrap 3.0 RC1
body: <p>I'm trying to use <a href="https://github.com/twitter/typeahead.js/" rel="nofollow noreferrer">Twitter Typeahead</a> with Bootstrap 3 RC1, because Bootstrap dropped its own typeahead plugin on version 3.</p>
  
  <p>I'm using the following HTML on my form:</p>
  
  <pre><code>&lt;div class="well"&gt;  
  &lt;form&gt;
      &lt;fieldset&gt;
          &lt;div class="form-group"&gt;
              &lt;label for="query"&gt;Search:&lt;/label&gt;
              &lt;input type="text" class="form-control" name="query" id="query" placeholder="Start typing something to search..."&gt;              
          &lt;/div&gt;
          &lt;button type="submit" class="btn btn-primary"&gt;Search&lt;/button&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Without adding Typeahead, the search input field displays like this:</p>
  
  <p><img src="https://i.stack.imgur.com/S7xyv.png" alt="before adding Typeahead"></p>
  
  <p>Then I added Typeahead like this:</p>
  
  <pre><code>&lt;script&gt;
      $('#query').typeahead({        
          local: ['alpha', 'bravo','charlie','delta','epsilon','gamma','zulu']
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>And the field became smaller, with a white rectangle inside it.</p>
  
  <p><img src="https://i.stack.imgur.com/RiMMV.png" alt="after adding Typeahead"></p>
  
  <p><img src="https://i.stack.imgur.com/tMb8U.png" alt="when typing some text..."></p>
  
  <p><strong>Am I doing something wrong or it's just a bug on Typeahead or Bootstrap 3 RC1?</strong></p>