title: Bootstrap - Button next to search box
body: <p>So I have my search box as follows:</p>
  
  <pre><code>&lt;div class="input-group-"&gt; 
                          &lt;form id="form_search" name="form_search" method="get" action="&lt;?php echo site_url();?&gt;"&gt; 
                              &lt;input type="text" name="s" id="search_top" class="form-control" placeholder="Search For Patches"/&gt;
                              &lt;button type="submit" class="btn btn-default"&gt;&lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;&lt;/button&gt;                         
                          &lt;/form&gt; 
                      &lt;/div&gt;
  </code></pre>
  
  <p>However, is displays like this: <a href="http://gyazo.com/7c6d81ea6341d2d4461c74eb4afb76e2" rel="nofollow">http://gyazo.com/7c6d81ea6341d2d4461c74eb4afb76e2</a></p>
  
  <p>Any help? Thanks.</p>
  
  <p>EDIT:
  Using the bootstrap min css.
  <a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="nofollow">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css</a></p>