title: Button on input group within Laravel
body: <p>I got the following Blade template. I am trying to emulate the button addon class <a href="http://getbootstrap.com/components/#input-groups-buttons" rel="nofollow noreferrer">here</a>:</p>
  
  <pre><code>  &lt;div class="col-lg-6"&gt;
      &lt;div class="input-group"&gt;
        &lt;input type="text" class="form-control" placeholder="Search for..."&gt;
        &lt;span class="input-group-btn"&gt;
          &lt;button class="btn btn-default" type="button"&gt;Go!&lt;/button&gt;
        &lt;/span&gt;
      &lt;/div&gt;&lt;!-- /input-group --&gt;
    &lt;/div&gt;&lt;!-- /.col-lg-6 --&gt;
  </code></pre>
  
  <p>This is my Blade code.</p>
  
  <pre><code>&lt;div class="col-lg-10 text-centered"&gt;
      &lt;div class="input-group"&gt;
          {!! Form::open(['action' =&gt; ['SchedulizerController@results'], 'method' =&gt; 'GET']) !!}
          {!! Form::text('q', '', [
          'class' =&gt; 'form-control',
          'id' =&gt;  'q',
          'placeholder' =&gt;  'i.e. ECE 201, Digital Logic, Kandasamy, or 41045'
          ]) !!}
          &lt;span class="input-group-btn"&gt;
              {!! Form::submit('Search', array('class' =&gt; 'btn btn-default')) !!}
          &lt;/span&gt;
          {!! Form::close() !!}
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In pure HTML (from view-source) the code looks like this:</p>
  
  <pre><code>&lt;div class="col-lg-10 text-centered"&gt;
      &lt;div class="input-group"&gt;
          &lt;form method="GET" action="http://app.dev/schedulizer/results" accept-charset="UTF-8"&gt;
          &lt;input class="form-control" id="q" placeholder="i.e. ECE 201, Digital Logic, Kandasamy, or 41045" name="q" type="text" value=""&gt;
          &lt;span class="input-group-btn"&gt;
              &lt;input class="btn btn-default" type="submit" value="Search"&gt;
          &lt;/span&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, the result looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/fZN87.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fZN87.png" alt="enter image description here"></a></p>
  
  <p>My code is essentially the same as the Bootstrap code - so what gives?</p>
  
  <p>EDIT: </p>
  
  <p>Interestingly enough, if I don't close <code>&lt;div class="input-group"</code> with <code>&gt;</code>, it works. What the?!</p>