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
Implementare il throttle in JavaScript
Ridurre il reflow ottimizzando il CSS
Abilitare automaticamente il force push di un gruppo su Azure DevOps
Aggiornare a .NET 9 su Azure App Service
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Creare una libreria CSS universale: Nav menu
Applicare un filtro per recuperare alcune issue di GitHub
Escludere alcuni file da GitHub Secret Scanning
Simulare Azure Cosmos DB in locale con Docker
Definire il colore di una scrollbar HTML tramite CSS
Configurare automaticamente un webhook in Azure DevOps


