Validar select2 con atributo multiple

[cesarcruzc]

Si agrego al select la opción multiple desajusta un poco los estilos y no me muestra los mensajes de validación:

<div class="form-group">
 <label for="tipo_acto_apoderado" class="control-label">Tipo de acto</label>
 <select name="tipo_acto_apoderado[]" class="form-control tipo_acto_apoderado" id="tipo_acto_apoderado" multiple data-style="form-control" required>
 <option></option>
 @foreach ($tiposActo as $tipoActo)
  <option value="{{ $tipoActo->id }}">{{ $tipoActo->nombre }}</option>
 @endforeach
 </select>
</div>

Cuando quito la clase form-control del select se ve bien pero no valida el campo:

<div class="form-group">
 <label for="tipo_acto_apoderado" class="control-label">Tipo de acto</label>
 <select name="tipo_acto_apoderado[]" class="tipo_acto_apoderado" id="tipo_acto_apoderado" multiple data-style="form-control" required>
 <option></option>
 @foreach ($tiposActo as $tipoActo)
  <option value="{{ $tipoActo->id }}">{{ $tipoActo->nombre }}</option>
 @endforeach
 </select>
</div>

Muchas gracias :)

[alfredobarron]

No se ven las imagenes, puedes subirlas de nuevo por favor.

[cesarcruzc]

Mira van en el orden de como las subí:

• https://drive.google.com/open?id=0BxqYJa7CImemMnRrVmZiWl9YMGs
• https://drive.google.com/open?id=0BxqYJa7CImemc0JwbGR3dDJGNTg

[alfredobarron]

Estas usando algun plugin para el select?

[cesarcruzc]

select2

[alfredobarron]

Smoke requiere

It is necessary that the input to validate has the form-control class and it is inside a div with the form-group class.

El problema esta en el plugin select2 que cuando tiene la clase form-control en el select pierde el estilo, pero existe otra manera de construir el select2.

Aqui el ejemplo.

<label for="id_label_multiple">
  Click this to highlight the multiple select element

  <select class="js-example-basic-multiple js-states form-control" id="id_label_multiple" multiple="multiple"></select>
</label>

https://select2.github.io/examples.html