Tengo 2 campos de formulario que son 2 input text. Uno hace como de prefijo del nombre y el otro es el nombre.

Este es el aspecto:

Lo que necesita es quitarel espacio que hay entre el primer input text (el deshabilitado) y el segundo, ya que la función de estos dos es que el primero sirva como prefijo al segundo.

Quiero que quede una cosa así:

Esta hecho todo con Bootstrap. Mi pregunta es si hay alguna forma de hacerlo con Bootstrap.

Mi código:

<div class="row"> <div class="col-xs-3" id="hideDiv">     <div class="form-group">         <input id="prefijoAlmacen" type="text" id="general-text" name="general-text" class="form-control" value="" disabled />         <span class="mensajeErrorNombre"></span>     </div> </div> <div class="col-xs-4">     <div class="form-group">         <input id="modalNombre" type="text" id="general-text" name="general-text" class="form-control" value="" />     </div> </div>  <div class="col-sm-4">     <div class="form-group">     </div> </div> 

He probado a poner otro div row dentro de la columna, pero nada; he probado a poner los 2 inputs dentro del mismo, pero tampoco funciona…

¿Alguna idea?

Gracias.