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
Utilizzare QuickGrid di Blazor con Entity Framework
Migliorare la sicurezza dei prompt con Azure AI Studio
Path addizionali per gli asset in ASP.NET Core MVC
Eseguire script pre e post esecuzione di un workflow di GitHub
Generare una User Delegation SAS in .NET per Azure Blob Storage
Creare agenti facilmente con Azure AI Agent Service
Gestione dei nomi con le regole @layer in CSS
Creare una custom property in GitHub
Gestire la cancellazione di una richiesta in streaming da Blazor
Gestione degli stili CSS con le regole @layer
Creare una libreria CSS universale: Nav menu
Supportare lo HierarchyID di Sql Server in Entity Framework 8