La versione 4 di Bootstrap permette di avere dei contenuti che possono essere resi visibili o invisibili con un'animazione utilizzando solamente codice HTML (senza quindi dover scrivere codice JavaScript).
Per prima cosa, dobbiamo crere un div e assegnargli la classe css collapse. Questo div è quello che viene mostrato o nascosto. Il secondo step consiste nel creare i pulsante o il link che mostra o nasconde il div. Nel caso in cui utilizziamo un tag
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#content"> Button </button> <div class="collapse" id="content"> Questo testo può essere nascosto o visibile </div>
Nel caso in cui usiamo invece un tag , invece dell'attributo data-target, dobbiamo usare l'attributo href.
<a class="btn btn-primary" data-toggle="collapse" href="#content"> link </button> <div class="collapse" id="content"> Questo testo può essere nascosto </div>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Migliorare la sicurezza dei prompt con Azure AI Studio
Eseguire attività basate su eventi con Azure Container Jobs
Aggiungere interattività lato server in Blazor 8
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Supporto ai tipi DateOnly e TimeOnly in Entity Framework Core
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Implementare l'infinite scroll con QuickGrid in Blazor Server
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Registrare servizi multipli tramite chiavi in ASP.NET Core 8