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
Sostituire la GitHub Action di login su private registry
Creare moduli CSS in React
Disabilitare automaticamente un workflow di GitHub
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Usare ASP.NET Core dev tunnels per testare le applicazioni su internet
Utilizzare Tailwind CSS all'interno di React: installazione
Utilizzare Model as a Service su Microsoft Azure
Reactive form tipizzati con modellazione del FormBuilder in Angular
Load test di ASP.NET Core con k6
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Taggare la output cache in base al routing in ASP.NET Core
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
I più letti di oggi
- Evitare il flickering dei componenti nel prerender di Blazor 8
- Rilasciata la Beta 2 di Visual Studio 2008
- tra pochi minuti inizia la keynote della seconda giornata. seguila live su http://aspitalia.com/mix-11 #mix11
- .@dbochicchio ora su #aspnetcore 2 a #netconfit https://aspit.co/netconf-17
- Utilizzare angular-cli per creare una direttiva in Angular 2
- Windows Vista: il ritorno di WinFS con la beta1
- .@CristianCivera tra poco su #azure con i suoi tips&tricks per lo sviluppatore web: https://aspit.co/web15-live #aspilive
- Le novità di C# 10