Hola buenos días, ando haciendo una pequeña aplicación, y me veo con un problema a la hora de querer ponerlo alineado.
Uso bootstrap, y uso el modelo de navabar, y para el cuerpo de la página con jumbotron.
El código que tengo es el siguiente:
Código PHP:
<div class="container">
<h3> Insertar jugador</h3>
<div class="jumbotron" >
<div class="container" style="margin-top:-20px">
<form id="contact-form" action="insertar_jugador.php" method="POST" class="form-horizontal">
<div class="form-group row">
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
<label class="control-label" for="name">Nombre del jugador</label>
<div class="controls">
<input maxlength="20" type="text" class="form-control" placeholder="Nombre del jugador" name="jugador_nuevo" id="jugador_nuevo" required>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<label class="control-label" for="name">Dorsal</label>
<div class="controls">
<input maxlength="5" size="6" type="text" class="form-control" placeholder="" name="jugador_nuevo_dorsal" id="jugador_nuevo_dorsal" required >
</div>
</div>
</div>
<div class="form-group row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<button type="submit" style="float:right" name="btnComprobar" class="btn btn-danger btn-primary btn-lg">Comprobar Datos </button>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<button type="submit" style="float:left" name="btnInsertar" class="btn btn-warning btn-primary btn-lg">Insertar</button>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<button type="reset" style="float:center" class="btn btn-default btn-primary btn-lg">Restaurar</button>
</div>
</div>
</form>
</div>
Lo visualizo en [URL="http://www.subirimagenes.net/share.php?img=150428095758557634.png"]chrome [/URL] y en [URL="http://www.subirimagenes.net/i/150428095934314274.png"]explorer[/URL].
¿Alguno sabe cómo podría hacerlo para que queden alineados los botones ? gracias de antemano, y perdón si no me expliqué del todo bien.