la forma correcta en estos casos es que tengas tu propio archivo de estilos con css ,veo que estas introduciendo bootstrap en tu pagina por lo que te recmiento que intentes lo siguiente:
tu div que queden asi:
<div class="midiv">
<div class="form-group">
<label for="numero">NUMERO</label>
<input type="int" name="numero" class="form-control" placeholder="numero...">
</div>
</div>
si observas al div principal le agrege una clase (midiv) esto para controlar su tamaño en el css el cual es un archivo aparte al que llame estilos.css y dentro coloque esto:
.midiv{
width:200px;
}
y luego en tu etiqueta metes un link asi:
<link rel="stylesheet" href="estilos.css">
esta es la forma mas correcta ojo en el atributo href vas a poner la direccion del archivo si tu tienes tu archivo css en la misma carpeta que tu pagina pues solo pones el nombre del archivo con tu extencion y si lo tienes en el mismo lugar pero en una carpeta aparte pues pones por ejemplo: css/estilos.css aqui estoy indicando que mi archivo estilos css se encuentra en la misma carpeta que mi pagina pero dentro de otra carpeta llamada css por darte un ejemplo