Soy nuevo en tema de diseño web, buscando en la web me encontre con el framework bootstrap y me ha parecido super...pero le he hado para tratar de diseñar un formulario igual al de la imagen y no podido dar con la forma de hacerlo.
Con la ayuda de algunas personas de este foro pude alinear los dos cuadros de texto con Bootstrap, pero no logro hacer que este mas unidos para darle mayor uniformidad al formulario, como se podria lograr esto?
Ingreso de Pacientes Tipo de Indetificacion Numero de Identificacion Primer Nombre Segundo Nombre Primer Apellido Segundo Apellido Sexo Masculino Femenino Fecha de Nacimiento Estado Civil Soltero(a) Casado(a) Ocupacion Direccion Telefono Fijo Celuluar Email Ciudad Departamento Regimen Tipo de Afiliado Cotizante Beneficiario Adicional EPS Rango 1 2 3 No Aplica Enviar</div>
Documento sin título
<body>
<div class="container">
<br>
<br>
<br>
<div class="panel panel-primary">
<div class="panel-heading">Ingreso de Pacientes</div>
<div class="panel-body">
<form id="form" class="form-horizontal "role="form">
<div class="row">
<div class="form-group col-md-6">
<label for="ejemplo_email_3" class="col-lg-5 control-label" name="nombre">Primer Nombre</label>
<div class="col-lg-5">
<input type="text" class="form-control" name="text_nom1" id="text_nom1" required/>
<span class="help-block"></span>
</div>
</div>
<div class="form-group col-md-6">
<label for="ejemplo_email_3" class="col-lg-5 control-label">Segundo Nombre</label>
<div class="col-lg-5">
<input class="form-control" name="text_nom2" id="text_nom2">
</div>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="ejemplo_email_3" class="col-lg-5 control-label">Primer Apellido</label>
<div class="col-lg-5">
<input class="form-control" name="text_ape1" id="text_ape1">
</div>
</div>
<div class="form-group col-md-6">
<label for="ejemplo_email_3" class="col-lg-5 control-label">Segundo Apellido</label>
<div class="col-lg-5">
<input class="form-control" name="text_ape2" id="text_ape2">
</div>
</div>
</div>
<div class="row">
<div class="form-group form-inline col-md-6">
<label for="ejemplo_email_3" class="col-lg-5 control-label">Ciudad</label>
<div class="col-lg-2">
<input class="form-control" id="ejemplo_password_3" name="text_ciu" id="text_ciu">
</div>
<div class="col-lg-3">
<input class="form-control" id="ejemplo_password_3" name="text_ciu" id="text_ciu">
</div>
</div>
<div class="form-group col-md-6">
<label for="ejemplo_email_3" class="col-lg-5 control-label">Departamento</label>
<div class="col-lg-5">
<input class="form-control" id="ejemplo_password_3" name="text_dep" id="text_dep">
</div>
</div>
</div>
<div class="row">
<div class="col-sm-offset-5 col-sm-2 text-center">
<div class="btn-group" data-toggle="buttons">
<button type="button" id="btn_enviar" class="btn btn-primary">Enviar</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>