title: Twitter Bootstrap 3 Input and icon do not display inline
body: <p>My problem is that I cannot display my glyphicon before my inputs.</p>
  
  <p><img src="https://i.stack.imgur.com/iaOuB.png" alt="problem"></p>
  
  <p>Here is my code: </p>
  
  <pre><code>&lt;div class="modal fade " id="login" tabindex="-1" role="dialog" aria-    labelledby="myModalLabel" aria-hidden="true"&gt;      
   &lt;div class="modal-dialog"&gt;
  
  &lt;div class="modal-content"&gt;
  
    &lt;div class="modal-header text-center"&gt;
  
      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;    &lt;/button&gt;
      &lt;h4 class="modal-title"&gt;Log in&lt;/h4&gt;
    &lt;/div&gt;{{--close modal header --}}
  
  
  
    &lt;div class="modal-body text-center"&gt;
  
      {{ Form::open(array('url'=&gt;'/' ,'role'=&gt;'form')) }}
  
  
     @if($errors-&gt;count()&gt;0)
        &lt;div class="alert alert-danger" style="text-align:center;"&gt;
  
          &lt;p&gt;Errors&lt;/p&gt;
  
          &lt;ul&gt;
            @foreach($errors-&gt;all() as $error)
              &lt;li&gt;
                {{$error}}
              &lt;/li&gt;
            @endforeach
          &lt;/ul&gt;
        &lt;/div&gt;
      @endif
  
  
      @if(Session::has('flash_message'))
        &lt;div class="alert alert-danger" style="text-align:center;"&gt;
        &lt;p&gt;{{Session::get('flash_message')}}&lt;/p&gt;
  
        &lt;/div&gt;
      @endif
  
  
      &lt;div class="form-group"&gt;
  
        &lt;span class="glyphicon  glyphicon-user "&gt;   
          {{ Form::text('username', null, ['required'=&gt;'1','placeholder'=&gt;'Username','id'=&gt;'user','class'=&gt;'form-control']) }}
          &lt;/span&gt;
  
        &lt;/div&gt;
  
  
        &lt;div class="form-group"&gt;
  
          &lt;span class="glyphicon  glyphicon-lock "&gt; 
  
            {{ Form::password('password',      ['required'=&gt;'1','placeholder'=&gt;'Password','id'=&gt;'password','class'=&gt;'form-control']) }}
          &lt;/span&gt;
        &lt;/div&gt;
  
             &lt;br/&gt;
  
         {{'          &amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;   
         '}}
  
  
         {{ Form::submit('login',['class'=&gt;'btn']) }} 
  
         or
  
         {{ Form::button('Sign up',['class'=&gt;'btn btn-danger','data-dismiss'=&gt;'modal','data-toggle'=&gt;'modal','data-target'=&gt;'#signup']) 
          }}
  
  
  
        {{ Form::close() }}
  
  
  
    &lt;/div&gt;{{--close modal body --}}
  
  
  
  
  
    &lt;div class="modal-footer"&gt;
      &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
  
    &lt;/div&gt;
  
  &lt;/div&gt;&lt;!-- /.modal-content --&gt;
  
    &lt;/div&gt;&lt;!-- /.modal-dialog --&gt;
  
  
  &lt;/div&gt; {{--close modal --}}
  </code></pre>
  
  <p>Where rows such as  {{ Form::text('username', null, ['required'=>'1','placeholder'=>'Username','id'=>'user','class'=>'form-control']) }}
  are Laravel 4 commands which generate input type="text" name="text" class="form-control pleceholder= ...</p>
  
  <p>Please answer only for bootstrap 3..</p>