Ir para conteúdo
    • João Batista Neto

      iMasters InterCon 2017   10-10-2017

      Ainda dá tempo de se inscrever no iMasters InterCon 2017, o maior evento dev do Brasil!  
BRAZAO

Alinhamento de campos - Help

Recommended Posts

Prezados colegas. Me perdoem postar uma dúvida, talvez, tão elementar. Mas sou iniciante em Ruby e estou com certa dificuldade em deslanchar. Eu tenho uma página com o seguinte código:

 

<!DOCTYPE html>
<html>
<head>
    <title>Cadastro de Associações Jurídicas</title>
</head>
<body>
<%= form_for Assjur.new do |f| %>
<div class="form-inline">
    <div class="form-group">
        <%= f.label :numero %>
        <%= f.text_field :numero, class: "form-control"  %>
    </div>
    <div class="form-group">
        <%= f.label :nome %>
        <%= f.text_field :nome, class: "form-control"%>
    </div>
</div>
<div class="form-inline">
    <div class="form-group">
        <%= f.label :cnpj %>
        <%= f.text_field :cnpj, class: "form-control" %>
    </div>
    <div class="form-group">
        <%= f.label :presidente %>
        <%= f.text_field :presidente, class: "form-control" %>
    </div>
</div>

<div class="form-inline">
    <div class="form-group">
        <%= f.label :telefone %>
        <%= f.text_field :telefone, class: "form-control" %>
    </div>
    <div class="form-group">
        <%= f.label :celular %>
        <%= f.text_field :celular, class: "form-control" %>
    </div>
    <div class="form-group">
        <%= f.label :email %>
        <%= f.text_field :email, class: "form-control" %>
    </div>
</div>
<div class="form-inline">
<div class="form-group">
    <%= f.label :regiao %>
    <%= f.text_field :regiao, class: "form-control" %>

</div>
<%= f.submit "Criar Associação Jurídica", class: "btn btn-primary"%>
</div>
<% end %>
</body>
</html>

A página está executando a funcionalidade dela (ainda sem consistência de campos) sem problemas. Porém no navegador os campos saem desalinhados conforme imagem anexada. Os amigos poderiam me ajudar a organizar ?

 

Agradeço de antemão a colaboração de quem puder ajudar.

 

Grande abraço a todos.

tela página.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora


  • Próximos Eventos

  • Conteúdo Similar

    • Por FuckSystem
      Ola bom dia tou procurando um parceiro tou fazendo um pequeno arquivo que não posso falar aqui mas quero alguém que me ajude alguém que saiba tanto quanto eu de javascript html e php
       
      o arquivo criei ontem daqui alguns meses eu vou lança e vão entender porque chamo de arquivo 
       
      mas agora não posso explicar quem quiser ajuda chama ae no gmail:Fyts201789@gmail.com
       
      é serio não estou aqui brincando! espero ter resposta
    • Por wanderson Luan
      como faço para instalar um layout pronto, no meu site, que ja está pronto tambem?
    • Por wanderson Luan
      alguem sabe como configura, o localhost no virtual Box?
    • Por João Batista Neto
      Um dia inteiro de troca de conhecimento, cultura e discussões sobre desenvolvimento!
      O #RanchoDev é uma conferência para desenvolvedores de software organizado por uma equipe da empresa Tegra – Inovação em TI, empresa 100% brasileira e em franco crescimento com sedes em Sorocaba, São Paulo e Rio de Janeiro. O evento também conta com colaboradores voluntários e patrocinadores focados no fomento da tecnologia no interior paulista.
       
      http://www.ranchodev.com.br/
    • Por hiiago
      E ae Galera, beleza? Acabei de terminar de fazer um formulário pras pessoas poderem entrar em contato sobre orçamento, tem as áreas básicas de Nome, Endereço, Telefone, etc... O problema é que eu não consigo alinhar essas áreas pra quando eu aumentar ou diminuir o tamanho do navegador elas ficarem certinhas, eu consegui com 
      input { position: absolute; left: 280px; } Mas quando eu aumento a tela eles não "acompanham" a "form". Se alguém puder me dar uma ajuda eu agradeço de mais 


×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: