Mobile keyboard does not open on bootstrap site

Asked

Viewed 71 times

0

I made a responsive site with bootstrap, but when clicking on inputs the mobile keyboard is not triggered. What can be?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <div class='col-lg-8 col-md-offset-2'>
    <div class='alert alert-danger alert-dismissable' style="text-align:center">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> Este sistema está rodando em fase de teste! Qualquer erro favor entrar em contato pelo e-mail: [email protected]
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="col-md-4 col-md-offset-4">

        <div class="login-panel panel panel-default">
          <div class="panel-heading" align="center">
            <img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.png?v=9c558ec15d8a" width="80%">
          </div>
          <div class="panel-body">
            <form role="form" method="post" action="checar_dados.php?enviar=checar">
              <fieldset>
                <div class="form-group">
                  <input class="form-control" placeholder="Login" name="login" type="text" autofocus required>
                </div>
                <div class="form-group">
                  <input class="form-control" placeholder="Senha" name="senha" type="password" value="" required>
                </div>
                <div class="checkbox">
                  <label>
                                        <input name="remember" type="checkbox" value="Remember Me">Lembrar senha
                                    </label>
                </div>
                <input type="submit" class="btn btn-lg btn-primary btn-block" value="Login">
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Bootstrap Core JavaScript -->
  <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

  <!-- Metis Menu Plugin JavaScript -->
  <script src="vendor/metisMenu/metisMenu.min.js"></script>

  <!-- Custom Theme JavaScript -->
  <script src="dist/js/sb-admin-2.js"></script>

  • Put the code in your question

  • It seems to work well. You are testing using your browser or the site is already in the air?

  • Site is on the air now

  • 1

    You have how to pass the link. It will make it easier to find the problem

  • www.supportemeta.com.br

  • Having a look at your site seems like you’re having problems with jquary. Add the most current jquary and load it before any script

  • A good practice is to put all your scripts below the last element of your body, without forgetting to put the jquary code first

  • Okay, I’ll try here. Thanks!

Show 3 more comments
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.