Come sono state modificate le checkbox nelle form di Bootstrap 5

di Morgan Pizzini,

In linea con la riscrittura dei forms, in Bootstrap 5.0 troviamo una completa riscrittura delle check-box. Come si può notare dal codice sottostante è stata introdotta una classe form-check che permette di impostare lo stile del controllo.

<!--4.6-->
<div class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input" id="ck1">
  <label class="custom-control-label" for="ck1">checkbox</label>
</div>

<!--5.0-->
<div class="form-check">
  <input class="form-check-input" type="checkbox" value="" id="ck1">
  <label class="form-check-label" for="ck1">checkbox</label>
</div>

La migrazione in questo caso non risulta complessa, ma l'effetto finale è una uniformità tra i controlli checkbox, radio, select, file, range e una visualizzazione OS indipendent per fare in modo che, da qualsiasi browser apriamo la pagina web, troviamo lo stesso layout.

Anche in questo caso troviamo una sezione della documentazione dedicata a questa tipologia di controlli all'url https://getbootstrap.com/docs/5.0/forms/checks-radios/.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi