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
Utilizzare Tailwind CSS all'interno di React: primi componenti
Eseguire una GroupBy per entity in Entity Framework
Utilizzare un service principal per accedere a Azure Container Registry
Utilizzare le collection expression in C#
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Utilizzare la libreria Benchmark.NET per misurare le performance
Creare moduli CSS in React
Creazione di componenti personalizzati in React.js con Tailwind CSS
Disabilitare automaticamente un workflow di GitHub (parte 2)
Specificare il versioning nel path degli URL in ASP.NET Web API
Miglioramenti nelle performance di Angular 16
Copiare automaticamente le secret tra più repository di GitHub