I made a responsive site with bootstrap, but when I click on the inputs the cell phone keypad is not activated. What can it be?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><linkhref="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><divclass='col-lg-8col-md-offset-2'><divclass='alertalert-dangeralert-dismissable'style="text-align:center">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</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>