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
Eseguire i worklow di GitHub su runner potenziati
Eseguire attività basate su eventi con Azure Container Jobs
Assegnare un valore di default a un parametro di una lambda in C#
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Implementare l'infinite scroll con QuickGrid in Blazor Server
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Eseguire le GitHub Actions offline
Definire stili a livello di libreria in Angular
Filtering sulle colonne in una QuickGrid di Blazor
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Configurare il nome della run di un workflow di GitHub in base al contesto di esecuzione