Formularios


Inputs - posiciones

Input normal - .form-group > input.form-control

Input con icono a la derecha - .form-group > .input-group >input.form-control + .input-group-append > .input-group-text

Input con icono a la izquierda - .form-group > .input-group >.input-group-prepend > .input-group-text + input.form-control


Inputs - colores

Input con icono en fondo gris input-group-text--gray


Input inválido form-control is-invalid

Campo obligatorio

Inputs - Tamaños

Input grande form-control form-control-lg


Input con icono grande form-control form-control-lg + zmdi-hc-2x / fa-2x


Input con bloque gris y bordeado externo input-group input-group--grey

Cambiar contraseña

Input disabled/readonly




Textarea

Por defecto - form-control




Select2 - tipos

Simple sin búsqueda - class="select2-simple"



Simple con búsqueda - class="select2"



Múltiple - class="select2" + attr "multiple"






Comportamiento checkbox en check tree
ul.checks-tree.checks-tree--check


checked - checked

checked disabled - checked disabled="disabled"

checked readonly - checked disabled="disabled" readonly

Not checked

Not checked disabled - disabled="disabled"

Not checked readonly - disabled="disabled" readonly



Checkbox a la derecha del label custom-checkbox custom-checkbox--right

Checkbox a la derecha de la pantalla custom-checkbox custom-checkbox--right-full