Gestire i layout con il grid system di Bootstrap: offset di colonne

di Daniele Bochicchio, in HTML5, CSS3, Boostrap,

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

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi