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
Paginare i risultati con QuickGrid in Blazor
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Creare un'applicazione React e configurare Tailwind CSS
Configurare policy CORS in Azure Container Apps
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Implementare il throttling in ASP.NET Core
Routing statico e PreRendering in una Blazor Web App
Miglioramenti nelle performance di Angular 16
Eseguire le GitHub Actions offline
Usare le variabili per personalizzare gli stili CSS
Utilizzare le collection expression in C#