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 dinamicamente
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati
Utilizzare Tailwind CSS all'interno di React: installazione
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Cache policy su route groups di Minimal API in ASP.NET Core 7
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Gestire i null nelle reactive form tipizzate di Angular
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Reactive form tipizzati con modellazione del FormBuilder in Angular
Specificare il versioning nel path degli URL in ASP.NET Web API
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core