/ / Foundation 4 classe “final” - zurb-foundation

Foundation 4 classe “final” - zurb-foundation

Como posso ter uma linha com menos colunas do que 12 usando o Foundation 4.

Na Foundation 3 existe a classe ".end" que você pode usar, mas eu não sei como simular isso na Foundation 4.

Respostas:

3 para resposta № 1

o end A classe ainda está disponível em F4, que permite que a última coluna flutue à esquerda. Então, se você tem algo assim:

<div class="row">
<div class="large-1 columns panel">1st column</div>
<div class="large-9 columns panel">column float at right</div>
</div>

cuja segunda coluna está flutuando no lado direito, então você tem "dois espaços" entre as colunas. E você adiciona o end classe para a última coluna de tal forma que você tem esse

<div class="large-9 columns panel end">column float at right</div>

então você verá que a segunda coluna será puxada ao lado da primeira coluna.


Perguntas relacionadas


Comentários (0)

Adicione um comentário