/ / Exibir elemento no formulário usando Zurb Foundation - zurb-foundation

Exibe o elemento no formulário usando o Zurb Foundation - zurb-foundation

Eu estou usando o Fundação do Quadro CSS e quando escrevo o seguinte código:

<div class="row">
<div class="two mobile-one columns"><label for="invoiceterm-summary" class="right inline">Become late <span class="required">*</span></label></div>
<div class="ten mobile-three columns"><input class="one" id="invoiceterm-late" name="invoiceterm[late]" type="text" value=""> days after invoice sent</div>
</div>
​

Eu entendi isso :

insira a descrição da imagem aqui

Mas eu quero mostrar o texto "dias após o envio da fatura" como isso:

insira a descrição da imagem aqui

Respostas:

0 para resposta № 1

Você deve colocar todos esses elementos em um único:

<div class="row">
<div class="twelve mobile-four columns"></div>
</div>

Caso contrário, ele está se comportando corretamente, empilhando as colunas à medida que o tamanho da tela é reduzido.


0 para resposta № 2

Eu tive que remover o display: propriedade de bloco da definição css da entrada [type = "text"] no arquivo foundation.css


Perguntas relacionadas


Comentários (0)

Adicione um comentário