Framework Bootstrap desloca navbar para esquerda automaticamente

[mauriciodevds 0]

Olá pessoal tudo bem?

Estou construindo um sistema Web e estou utilizando o framework Bootstrap.

Tenho uma tela de cadastro onde ao inserir um registro o sistema exibe uma janela modal com uma mensagem alertando o cadastro, quando o usuário clica em ok e o modal fecha a navbar se desloca automaticamente para a esquerda.

A cada registro que é inserido a navbar vai cada vez mais para a esquerda.

Em anexo está a imagem de como fica a navbar.

 

 

[Eziquiel 96]

Posta o seu código. Assim fica mais fácil de ajudarmos.

[mauriciodevds 0]

Vou colocar o código do modal que estou chamando.

É muito estranho estou começando a achar que é um bug do framework. Isso só acontece em janelas onde tem scroll ai quando o modal aparece o scroll some e quando aparece de novo o menu desloca.

 

Acho que vou colocar paginação nos meus resultados aí resolve este problema, até porquê a paginação vai fazer falta no futuro quando tiver muitos registros.

 

É esse é o modal de avisos:

 

<div id="alertasModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h4 class="modal-title">Aviso!</h4>
      </div>
      <div id="mensagem" class="modal-body">       
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
      </div>
    </div>
  </div>
</div>

 

Esse é  o modal de cadastro:

<div id="cadGastoCriacao" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h4 class="modal-title">Registrar gasto criação</h4>
      </div>
      <div class="modal-body">
        <form role="form">
            <div class="form-group">
                <label for="sel-cri">Criação</label>
                <select class="form-control" id="sel-cri">
                </select>
            </div>    
            <div class="form-group">
                <label for="ipcri-desc">Descricao</label>
                <input type="text" class="form-control" id="ipcri-desc">
            </div>
            <div class="form-group">
                <label for="ipcri-vlr">Valor</label>
                <input type="text" class="form-control" id="ipcri-vlr">
            </div>
            <div class="form-group">
                <label for="ipcri-dt">Data</label>
                <div class="input-group date col-sm-4" id="dpipcri-dt">
                    <input type="text" class="form-control" id="ipcri-dt">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>    
            </div>
            <div class="form-group">
                <label for="selcri-cat">Categoria</label>
                <select class="form-control" id="selcri-cat">
                    <option value="Ração">Ração</option>
                    <option value="Alimentação">Milho</option>
                    <option value="Medicamento">Medicamento</option>
                    <option value="Veterinário">Veterinário</option>
                    <option value="Outros">Outros</option>
                </select>
            </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancelar</button>
        <button type="button" onclick="cadGastoCriacao();" class="btn btn-success">Cadastrar</button>
      </div>
    </div>
  </div>
</div>