Resolvido - Problema com modal Bootstrap
Boa noite pessoal, estou aprendendo web e estou passando trabalho com uma janela modal. na versão desktop para que o modal apareça direito preciso colocar varios <br> antes do footer se não ele fica perdido no meio do modal, ja na versão mobile ele fica com um espação antes do footer devido aos <br> se eu tiro ele acerta o mobile mas da problema no desktop. alguém pode me ajudar? abaixo o modal
<!-- Modal Cadastrar-->
<div class="modal fade" id="novo_cadastro" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Novo Associado</h4>
</div>
<div class="modal-body">
<div class="col-md-2">
<label for="c_id">ID</label>
<input type="text" class="form-control cadastro" id="c_id" placeholder="*" disabled="">
<br>
</div>
<div class="col-md-10">
<label for="c_empresa">Empresa</label>
<input type="text" class="form-control cadastro" id="c_empresa" name="c_empresa" placeholder="Empresa" style="text-transform:uppercase" autocomplete="off" required>
<br>
</div>
<div class="col-md-3">
<label for="c_cnpj">CNPJ</label>
<input type="text" class="form-control cadastro" id="c_cnpj" name="c_cnpj" onkeypress="$(this).mask('00.000.000/0000-00');" placeholder="Ex.: 00.000.000/0001-00" autocomplete="off" required>
<br>
</div>
<div class="col-md-2">
<label for="c_ie">I.E</label>
<input type="text" class="form-control cadastro" id="c_ie" name="c_ie" onkeypress="$(this).mask('0.000.000');" placeholder="Ex.: 000.000.000" autocomplete="off" required>
<br>
</div>
<div class="col-md-3">
<label for="c_ass">Contato</label>
<input type="text" class="form-control cadastro" id="c_nome" name="c_nome" placeholder="Nome" style="text-transform:uppercase" autocomplete="off" required>
<br>
</div>
<div class="col-md-4">
<label for="c_segmento">Segmento</label>
<select id="c_segmento" name="c_segmento" class="form-control input-md cadastro">
<option value='1'>ALIMENTAÇÃO</option>
<option value='0'>COMÉRCIO</option>
</select>
<br>
</div>
<div class="col-md-3">
<label for="c_telefone">Telefone</label>
<input type="text" class="form-control cadastro" id="c_telefone" name="c_telefone" onkeypress="$(this).mask('(00) 0000-00009')" placeholder="(XX) XXXXX-XXXX" autocomplete="off" required>
<br>
</div>
<div class="col-md-5">
<label for="c_email">E-mail</label>
<input type="email" class="form-control cadastro" id="c_email" name="c_email" placeholder="XXX@XXX.com.XX" style="text-transform:lowercase" autocomplete="off" required>
<br>
</div>
<div class="col-md-2">
<label for="c_status">Status</label>
<select id="c_status" name="c_status" class="form-control input-md cadastro">
<option value='1'>ATIVO</option>
<option value='0'>INATIVO</option>
</select>
<br>
</div>
<div class="col-md-2">
</div>
<div class="col-md-6">
<label for="c_endereco">Endereço</label>
<input type="text" class="form-control cadastro" id="c_endereco" name="c_endereco" placeholder="Endereço" style="text-transform:uppercase" autocomplete="off" required>
<br>
</div>
<div class="col-md-2">
<label for="c_nro">Nro</label>
<input type="number" class="form-control cadastro" id="c_nro" name="c_nro" placeholder="NRO" onkeypress="$(this).mask('00000')" required>
<br>
</div>
<div class="col-md-4">
<label for="c_bairro">Bairro</label>
<input type="text" class="form-control cadastro" id="c_bairro" name="c_bairro" placeholder="Bairro" style="text-transform:uppercase" autocomplete="off" required>
<br>
</div>
<div class="col-md-4">
<label for="c_complemento">Complemento</label>
<input type="text" class="form-control cadastro" id="c_complemento" name="c_complemento" placeholder="Complemento" style="text-transform:uppercase" autocomplete="off" required>
<br>
</div>
<div class="col-md-4">
<label for="c_municipio">Município</label>
<input type="text" class="form-control cadastro" id="c_municipio" name="c_municipio" placeholder="Município" style="text-transform:uppercase" autocomplete="off" required>
<br>
</div>
<div class="col-md-2">
<label for="c_cep">Cep</label>
<input type="text" class="form-control cadastro" id="c_cep" name="c_cep" placeholder="CEP" onkeypress="$(this).mask('00000-000')" autocomplete="off" required>
<br>
</div>
<div class="col-md-2">
<label for="c_uf">UF</label>
<select id="c_uf" name="c_uf" class="form-control input-md cadastro">
<option value="">Selecione</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espirito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MT">Mato Grosso</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
</select>
<br>
</div>
<div class="col-md-12">
<label for="c_descricao">Descrição</label>
<textarea class="form-control" id="c_descricao" name="descricao" rows="4" cols="130"></textarea>
<br>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" id="cadastrar">Cadastrar</button><button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
</div>
</div>
</div>
</div>Discussão (4)
Carregando comentários...