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
Creare una libreria CSS universale: i bottoni
Inference di dati strutturati da testo con Semantic Kernel e ASP.NET Core Web API
Utilizzare DeepSeek R1 con Azure AI
Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
Gestione dei nomi con le regole @layer in CSS
Gestione dell'annidamento delle regole dei layer in CSS
Creare una libreria CSS universale: Nav menu
Ridurre il reflow cambiando il CSS
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Recuperare automaticamente un utente e aggiungerlo ad un gruppo di Azure DevOps
Testare il failover sulle region in Azure Storage
I più letti di oggi
- Sfruttare i nuovi overload di TimeSpan.From* per creare timespan usando numeri interi
- 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!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!