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
Filtering sulle colonne in una QuickGrid di Blazor
Gestione dei nomi con le regole @layer in CSS
Gestione dell'annidamento delle regole dei layer in CSS
Ottimizzazione dei block template in Angular 17
Sfruttare al massimo i topic space di Event Grid MQTT
Testare l'invio dei messaggi con Event Hubs Data Explorer
Estrarre dati randomici da una lista di oggetti in C#
Generare la software bill of material (SBOM) in GitHub
Generare velocemente pagine CRUD in Blazor con QuickGrid
Creare un webhook in Azure DevOps
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Scrivere selettori CSS più semplici ed efficienti con :is()