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
Abilitare .NET 10 su Azure App Service e Azure Functions
Gestione dei codeowners in GitHub
Leggere i parametri da riga di comando in una file based app .NET
Come automatizzare il download dei report di billing da GitHub Enterprise
Ospitare n8n su Azure App Service
Abilitare il rolling update su Azure Functions flex consumption
Evitare la compressione degli artefatti in un workflow di GitHub
GitHub Quick Review per la valutazione dello stato di compliance dell'organizzazione aziendale
Impostare la content-visibility in CSS per ottimizare il rendering iniziale di una pagina
Esporre tool MCP da API REST con Azure App Service
Utilizzare le direttive più importanti in una file based app .NET
Utilizzo di CSS Scroll Snap per realizzare un carousel


