Bootstrap form always showing horizontal scroll -
i'm designing system uses bootstrap controls. on every page, horizontal scroll displayed. there seems no control causing this. give example of 1 of pages. think have wrong in head, can not find it.
<!doctype html> <?error_reporting(0);?> <? include_once "include/checksession.inc"; ?> <? include_once "include/conexion.inc"; ?> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- above 3 meta tags *must* come first in head; other head content must come *after* these tags --> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../../favicon.ico"> <title>clínica 25 de mayo</title> <!-- bootstrap core css --> <link rel="stylesheet" type="text/css" href="styles/bootstrap_flatly.css"/> <script type="text/javascript" src="include/jquery.js"></script> <script type="text/javascript" src="include/bootstrap.min.js"></script> <script type="text/javascript" src="include/bootstrap-datepicker.js"></script> <!-- html5 shim , respond.js ie8 support of html5 elements , media queries --> <!--[if lt ie 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mynavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="bienvenido.php?login=<?=$textlogin;?>">clínica 25 de mayo</a> </div> <div class="collapse navbar-collapse" id="mynavbar"> <ul class="nav navbar-nav"> <li class="active"><a href="bienvenido.php?login=<?=$textlogin;?>">inicio</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">mis turnos <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="reservarturno.php?login=<?=$textlogin;?>">reservar turno</a></li> <li><a href="listadoturnosreservados.php?login=<?=$textlogin;?>">ver turnos reservados</a></li> <li><a href="listadoturnosreservadoseliminar.php?login=<?=$textlogin;?>">anular turno</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">mi cuenta<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="pacientesbuscar.php?login=<?=$textlogin;?>">ingreso de mis datos y/o de otra persona.</a></li> <li><a href="datospersonales.php?login=<?=$textlogin;?>">datos propios</a></li> <li><a href="contrasenia.php?login=<?=$textlogin;?>">cambiar contraseña</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="logout.php?login=<?=$textlogin;?>"><span class="glyphicon glyphicon-log-in"></span> cerrar sesión</a></li> </ul> </div> </div> </nav> <form class="form-horizontal" name="formpwd" method="post" action="contraseniaguardar.php"> <h4 class="text-center text-primary">complete el formulario para cambiar la contraseña de acceso al sistema del usuario<br><b><?=$_session["nombreusr"]; ?> <?=$_session["apellidousr"]; ?></b></h4> <input type="hidden" name="login" value="<?=$textlogin;?>"> <h2 class="text-center text-primary">ingrese su nueva contraseña</h2> <div class="form-group"> <label class="col-sm-3 control-label">contraseña anterior:</label> <div class="col-sm-6"> <input class="form-control" type="password" name="textanterior" size="35" maxlength="50"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">nueva contraseña:</label> <div class="col-sm-6"> <input class="form-control" type="password" name="textnueva" size="35" maxlength="50"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">confirme la contraseña:</label> <div class="col-sm-6"> <input class="form-control" type="password" name="textconfirma" size="35" maxlength="50"> </div> </div> <div class="form-group"> <div class="col-sm-offset-3 col-sm-6"> <input type="button" value="guardar" class="btn btn-lg btn-success btn-block" onclick="javascript:modificar();"> </div> </div> <div class="form-group"> <div class="col-sm-offset-3 col-sm-6"> <input type="button" value="cancelar" class="btn btn-lg btn-primary btn-block" onclick="javascript:cancelar();"> </div> </div> </form> </body>
Comments
Post a Comment