Bootstrap è un framework CSS che mette a disposizione molte classi per stilizzare gli oggetti su una pagina e per strutturare la pagina stessa. Uno dei widget che sono facilmente creabili e stilizzabili con Bootstrap è il menu. Nel prossimo snippet vediamo come creare un menu con due elementi.
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> </nav>
Gli stili navbar e specificano navbar-default che si deve disegnare una barra di navigazione che comprende l'intera larghezza disponibile. Lo stile container-fluid specifica il padding. Il tag ul contiene infine le voci di menu visualizzate nella toolbar. Per dare enfasi a una voce di menu, basta aggiungere la classe active all'elemento.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Introduzione alle Container Queries
La gestione della riconnessione al server di Blazor in .NET 9
Documentare i servizi REST con Swagger e OpenAPI con .NET 9
Testare l'invio dei messaggi con Event Hubs Data Explorer
Gestione file Javascript in Blazor con .NET 9
Generare la software bill of material (SBOM) in GitHub
Creare una libreria CSS universale: i bottoni
Referenziare un @layer più alto in CSS
Generare una User Delegation SAS in .NET per Azure Blob Storage
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Change tracking e composition in Entity Framework
Usare le navigation property in QuickGrid di Blazor