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
Semplificare il deployment di siti statici con Azure Static Web App
Ottimizzazione dei block template in Angular 17
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Cambiare la chiave di partizionamento di Azure Cosmos DB
Come migrare da una form non tipizzata a una form tipizzata in Angular
Utilizzare la libreria Benchmark.NET per misurare le performance
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Short-circuiting della Pipeline in ASP.NET Core
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Miglioramenti nelle performance di Angular 16
I più letti di oggi
- Utilizzare WebAssembly con .NET, ovunque
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- Utilizzare il trigger SQL con le Azure Function
- Disabilitare automaticamente un workflow di GitHub (parte 2)
- Ottimizzazione dei block template in Angular 17
- Paginare i risultati con QuickGrid in Blazor