<div class="form-group row">
  <label for="input-text" class="col-form-label col-md-3 labelClass">Champ de saisie</label>
  <div class="div col-md-9">
    <input id="input-text" type="text" class="form-control">
  </div>
</div>

<div class="form-group row">
  <label for="textArea" class="col-md-3 col-form-label">Commentaire</label>
  <div class="col-md-9">
    <textarea rows="3" id="textArea" class="form-control"></textarea>
  </div>
</div>

<div class="form-group row">
  <label for="exemple-select-simple" class="col-md-3 col-form-label">Liste de de sélection</label>
  <div class="col-md-9">
    <select id="exemple-select-simple" class="form-control">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
</div>

<div class="form-group row">
  <div class="col-md-9 offset-md-3">
    <div class="form-check-group-inline">
      <label class="checkbox">
        <input type="checkbox"><span>Première case à cocher</span>
      </label>
      <label class="checkbox">
        <input type="checkbox"><span>Deuxième case à cocher</span>
      </label>
      <label class="checkbox">
        <input type="checkbox" disabled=""><span>Troisième case à cocher</span>
      </label>
    </div>
  </div>
</div>

 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg">
 <input class="form-control" type="text" placeholder="Default input">
 <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm">

 <select class="form-control form-control-lg">
   <option>Large select</option>
 </select>
 <select class="form-control">
   <option>Default select</option>
 </select>
 <select class="form-control form-control-sm">
   <option>Small select</option>
 </select>
 

<div class="form-group row">
  <label for="input-readonly" class="col-form-label col-md-3">Champ verrouills</label>
  <div class="col-md-9">
    <input id="input-readonly" type="text" class="form-control" value="Valeur en lecture seule (readonly)" aria-disabled="true" readonly="" tabindex="-1">
  </div>
</div>
<div class="form-group row">
  <label for="input-readonly-text" class="col-form-label col-md-3">Consultation</label>
  <div class="col-md-9">
    <input id="input-readonly-text" type="text" class="form-control form-control-plaintext" value="Valeur en consultation (readonly + .form-control-plaintext)" aria-disabled="true" readonly="" tabindex="-1">
  </div>
</div>

<div class="form-group row">
  <label for="input-erreur" class="col-form-label col-md-3">Saisie erronée</label>
  <div class="div col-md-9">
    <input id="input-erreur" type="text" class="form-control is-invalid">
    <div class="invalid-feedback">L'identifiant comprend 13 chiffres.</div>
  </div>
</div>

<div class="form-group row">
  <label for="input-disabled" class="col-form-label col-md-3">Champ désactivé</label>
  <div class="col-md-9">
    <input id="input-disabled" type="text" class="form-control" value="Valeur non modifiable disabled)" disabled tabindex="-1">
  </div>
</div>
...
    <select id="select-disabled" class="form-control" disabled tabindex="-1">
      ...
    </select>
...
    <select id="chosenselect-disabled" class="form-control chosen-select" disabled tabindex="-1">
      ...
    </select>

<div class="cnam-check">
  <input type="checkbox" id="input_id" checked>
  <label class="cnam-check-label" for="input_id">...</label>
</div>
<div class="cnam-check">...</div>

<div class="form-inline">
  <div class="cnam-check">
    <input type="checkbox" id="input_id" checked>
    <label class="cnam-check-label" for="input_id">...</label>
  </div>
  <div class="cnam-check">...</div>
</div>

<div class="cnam-check">
  <input type="radio" name="radio_group" id="input_id" checked>
  <label class="cnam-check-label" for="input_id">...</label>
</div>
<div class="cnam-check">...</div>

<div class="form-inline">
  <div class="cnam-check">
    <input type="radio" name="radio_group" id="input_id" checked>
    <label class="cnam-check-label" for="input_id">...</label>
  </div>
  <div class="cnam-check">...</div>
</div>

<div class="cnam-check check-sm">...</div>
<div class="cnam-check">...</div>
<div class="cnam-check check-lg">...</div>
<div class="cnam-check check-xlg">...</div>

OU

<div class="check-sm">
  <div class="cnam-check">...</div>
  <div class="cnam-check">...</div>
</div>

<div class="check-list">
  <div class="cnam-check">...</div>
  <div class="cnam-check">...</div>
</div>

<table class="table table-bordered table-striped table-centered check-container">
  <div class="cnam-check">...</div>
  <div class="cnam-check">...</div>
</table>

<div class="cnam-check cnam-check-switch">
  <input type="checkbox" id="cnam_switch" checked>
  <label class="cnam-check-label" for="cnam_switch">...</label>
</div>

<div class="form-inline">
  <div class="cnam-check cnam-check-switch">
    <input type="checkbox" id="cnam_switch" checked>
    <label class="cnam-check-label" for="cnam_switch">...</label>
  </div>
  <div class="cnam-check cnam-check-switch">...</div>
</div>

<div class="cnam-check cnam-check-switch check-sm">...</div>
<div class="cnam-check cnam-check-switch check">...</div>
<div class="cnam-check cnam-check-switch check-lg">...</div>
<div class="cnam-check cnam-check-switch check-xlg">...</div>

OU

<div class=".check-sm">
  <div class="cnam-check">...</div>
  <div class="cnam-check">...</div>
</div>