Problema con el alineamiento de los botones

[conf1982]

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.

[baldaweb]

Visto por encima en explorer estás en versión móvil y cada botón lo pone en una fila.

[conf1982]

No, no es desde el móvil, ambos estan visionados con el ordenador, y no soy capaz de poner los botones correctamente.

[baldaweb]

Me refiero a que la imagen del explorer, los botones ocupan una fila, la dimensión de la pantalla será inferior a 768px.

Col-xs-12 sabrás que te coloca cada div en una fila.

[conf1982]

Pensaba que ese trozo quería decir, que la fila la dividía en 12 columnas....

[fede5426]

Iniciado por conf1982

Pensaba que ese trozo quería decir, que la fila la dividía en 12 columnas....

Todas las filas se dividen en 12 columnas con bootstrap, lo que indicas con esas clases es cuantas columnas va a ocupar tu elemento y en que tamaño de dispositivo.

col-xs-12: En dispositivos móviles en vertical ocupa 12 columnas