1

Tenho um form no Django e no template exibo os campos para serem preenchidos:

<div id="interval" class="form-inline form-group">
                    <div class="two wide field">
                        {% for price in prices %}
                        <div class="fields">
                            <div class="ten wide field">
                                <label>Preço</label>
                                {{ price.price }}
                            </div>

                           <div class="ten wide field">
                                <label>Inicio</label>
                                {{ price.start_time }}
                           </div>
                            <div class="ten wide field">
                                <label>Final</label>
                                {{ price.end_time }}
                            </div>
                        </div>
                    </div>

Porém está ficando um campo embaixo do outro:

inserir a descrição da imagem aqui

Quero que os campos aparecam lado a lado, Inicio | Fim | Preco, já tentei mexer nas divs mas não estou conseguindo, é algo no Django?

2
  • Cade o CSS ? Sem ele nao da para te responder de forma concreta.
    – hugocsl
    13/05/2019 às 19:05
  • 1
    Não é uma questão de django e sim css, dica: use esse pacote para forms
    – Sidon
    13/05/2019 às 21:50

1 Resposta 1

1

Só removi as div que estavam dentro dos inputs

<div id="interval" class="form-inline">
    <div class="two wide field">
        {% for price in prices %}
        <label>Preço</label>
        {{ price.price }}
        <label>Inicio</label>
        {{ price.start_time }}
        <label>Final</label>
        {{ price.end_time }}
        </div>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .