Nello script #129 abbiamo visto come poter gestire i layout con il grid system di Bootstrap.
In questo scenario, vedremo come gestire l'offset delle colonne, per organizzare al meglio il layout delle nostre pagine.
Per spostare una colonna a destra, ad esempio per riempire lo spazio non occupato da altri elementi su una riga, è possibile utilizzare le classi di CSS .col-md-offset-*, che incrementano il margine sinistro delle colonne specificate al posto di *.
<div class="container">
<div class="row">
<div class="col-md-8">Nome:</div>
<div class="col-md-4"><input type="text" name="nome" /></div>
</div>
<div class="row">
<div class="col-md-offset-8 col-md-4">Il tuo nome va specificato sempre!</div>
</div>
</div>Per approfondimenti:
#129 - Gestire i layout con il grid system di Bootstrap
http://aspit.co/a3c
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
La gestione della riconnessione al server di Blazor in .NET 9
Gestione delle scrollbar dinamiche in HTML e CSS
Evidenziare una porzione di testo in un pagina dopo una navigazione
Ridimensionamento automatico input tramite CSS
Impostare automaticamente l'altezza del font tramite CSS
Keynote .NET Conference Italia 2025
Configurare e gestire sidecar container in Azure App Service
Escludere alcuni file da GitHub Copilot
Configurare lo startup di applicazioni server e client con .NET Aspire
Esporre un server MCP esistente con Azure API Management
Gestione file Javascript in Blazor con .NET 9
Utilizzare Intersect e Except per filtrare set di dati in TSql
I più letti di oggi
- Utilizzo delle stepped value functions nel CSS
- Utilizzare @property per animare nativamente un oggetto HTML tramite CSS
- Self-healing degli unit test con Copilot in GitHub
- Effettuare un clone parziale di un repository di GitHub
- Personalizzare le pagine di errore su Azure App Service
- Integrare Agenti A2A in Azure API Management
- Scegliere la strategia di traduzione della Contains in Entity Framework 10


