Jump to content
Matheus B. Siqueira

[Resolvido] Erro de formataçao web to mobile

Recommended Posts

Olá, estou criando um modal para o usuário preencher alguns dados. Realizei a formatação em colunas com o bootstrap em web, porém, ao passar para mobile, a formatação muda tudo. Gostaria de sugestões de como poderia solucionar o problema.

Não manjo muito da responsividade.

 

Segue abaixo as imagens mobile e web, respectivamente, junto ao código do modal;

 

image.png.22ab73fc270e9076b629114026770490.pngimage.png.badfaa8553dc687223861a5cc25731c5.png

      <div class="modal fade" id="modalAutentMonitor" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered" role="document">
              <div class="modal-content">
                  <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalLabel">Autenticar monitor</h5>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                          <span aria-hidden="true">&times;</span>
                      </button>
                  </div>
                  <div class="modal-body text-md-center">
                          <!--SEÇÃO-->
                          <div class="form-row">
                              <div class="form-group">
                              <div class="col-12 col-md-12">
                                  <input type="password" class="form-control" id="codigo_monitor" name="codigo_monitor" placeholder="Código:">
                                  <br>
                              </div>
                          </div>

                          <div id="botoes_monitor" class="col-6 col-md-8 offset-md-2">
                          <button type="submit" name="btnAutentMonitor" id="btnAutentMonitor" class="btn btn-outline-warning">Enviar</button>
                          <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#modalSelecionar" data-dismiss="modal">Voltar</button>
                          </div>
                          </div>

                          <h6 class="text-center" id="resposta_c_r"></h6>
                          <div id="correto" class="d-none"><i class='iconize fas fa-thumbs-up'></i></div>
                          <div id="incorreto" class="d-none"><i class='iconize fas fa-thumbs-down'></i></div>
                  </div>
              </div>
          </div>
      </div>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By betezek
      Prezados,
      tenho uma div abaixo:
      eu gostaria de centralizar o nome dentro da imagem. o problema é que ela não centraliza, começa left e eu já tentei todos os comandos.
      eu preciso que ela já centralize no espaço!!!
      VOU USAR UM INPUT PARA DIGITAR O TEXTO!
       
       
       
      <BODY>
      <style>

      .divLeft {
          width: 140;
          height: 100px;
          float: center;
          position: relative;
      }
      #spaceText {
          padding-right: 110px;
      }
      #photo {
          width: 320px;
          height: 300px;
      }
      .textDiv{
         position: absolute;
         
         text-align: center;
      font-family:Arial;
        color: #000000;
        font-size: 9px;
        font-weight: NORMAL;
        left: 22px;
        top: 250px;
         
        
      }
      </style>
      </head>
      <body>

      <div class="divLeft">
          <img id="photo" src="imagens/jumba.png">
          <div class="textDiv">
              <h2><i id="spaceText" class="fas fa-search"></i>CENTRALIZAR</h2>
          </div>
      </div>
      </BODY>
    • By Felper
      É possível fazer uma imagem .png mover-se por uma tela de Canvas (esquerda, direita, cima, baixo)? Poderiam mostrar um exemplo caso seja possível. É que estou tentando fazer um jogo, onde o jogador se move em um labirinto. O jogador seria uma imagem. Agradeço desde já!
    • By joao b silva
      amigos é o seguinte, eu crio um grid dinamicamente com bootstrap, porem a depender do conteúdo as colunas, na mesma linha ficam com tamanhos (height) diferentes, o que não acontece quando utilizamos <table></table>. Como posso resolver isso?
    • By Alessandro Bodão
      Eai pessoal!
       
      Estou trabalhando em um site WordPress do qual foi me passado a versão demo de um tema (Ample).
       
      O problema é o seguinte: Parece não existir nenhum lugar onde eu tenha acesso pra editar todos os textos e conteúdos (Ex: Os textos padrões do tema parecem ser inacessíveis).
       
      Já fucei praticamente todo o wp-admin e os demais painéis e nada... Já tentei baixar o plugin  Elementor pra ver se me facilitava nisso e nada... Já tentei ver se conseguia achar esses conteúdos e editar pelo código das páginas php do tema e nada. Não sei mais o que fazer, por gentileza peço ajuda.
       
      Tema: https://themegrilldemos.com/ample/
      Site: https://onecv.com.br/
       

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.