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
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Arricchire l'interfaccia di .NET Aspire
Ottimizzare le pull con Artifact Cache di Azure Container Registry
Ridimensionamento automatico input tramite CSS
DevSecOps per .NET: dalla teoria alla pratica
Dallo sviluppo locale ad Azure con .NET Aspire
Selettore CSS :has() e i suoi casi d'uso avanzati
Integrare SQL Server in un progetto .NET Aspire
Anonimizzare i dati sensibili nei log di Azure Front Door
Utilizzare Hybrid Cache in .NET 9
Utilizzare Containers in .NET Aspire
Managed deployment strategy in Azure DevOps
Gestione CSS in Blazor con .NET 9


