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
Eseguire una query su SQL Azure tramite un workflow di GitHub
Miglioramenti agli screen reader e al contrasto in Angular
Usare il versioning con i controller di ASP.NET Core Web API
Utilizzare Model as a Service su Microsoft Azure
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Gestire i null nelle reactive form tipizzate di Angular
Inizializzare i container in Azure Container Apps
Disabilitare automaticamente un workflow di GitHub
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Generare token per autenicarsi sulle API di GitHub