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
Proteggere le risorse Azure con private link e private endpoints
.NET Conference Italia 2024
Ridurre il reflow ottimizzando il CSS
Utilizzare l nesting nativo dei CSS
Recuperare automaticamente un utente e aggiungerlo ad un gruppo di Azure DevOps
Utilizzare l'espressione if inline in una pipeline di Azure DevOps
Ordine e importanza per @layer in CSS
Gestire codice JavaScript con code splitting e lazy loading
Recuperare gli audit log in Azure DevOps
Fissare una versione dell'agent nelle pipeline di Azure DevOps
Ridurre il reflow cambiando il CSS
Configurare lo startup di applicazioni server e client con .NET Aspire
I più letti di oggi
- Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
- .NET Conference Italia 2025 - Milano
- The Agentic Day - Milano
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!