buttons alignment how to do

Question

Guys the buttons are misaligned What can I do I’m using the bootstrap

http://jsfiddle.net/a6Lt5Lgx/10/

<div class="container">
    <form  name="materia" method="post" action="cad_Materia.php">
        <div class="form-group" >
            <table>
                <tr>
                    <td>Disciplina:</td>
                    <td><input class="form-control"  placeholder="Informe a diciplina" name="disciplina" type="text" required x-moz-errormessage="Disciplina não informada."></td>
                </tr>
                <tr>
                    <td>Carga Horaria:</td>
                    <td><input class="form-control" placeholder="Informe a carga horaria" name="cargaHoraria" type="text" required x-moz-errormessage="Carga Horario não informada." ></td>
                </tr>
                <tr>
                    <td>Bibliografia:</td>
                    <td><input class="form-control" placeholder="Informe a bibliografia " name="bibliografia" type="text" required x-moz-errormessage="Bibliografia não informada." ></td>
                </tr>
                <tr>
                    <td>Codigo:</td>
                    <td><input class="form-control" placeholder="Informe o codigo " name="codigoMat" type="text" required x-moz-errormessage="Codigo não informada."></td>
                </tr>
                </div>

                <div class="btn-group"> 

                        <td><input class="btn btn-primary" type="submit" value="cadastrar"></td> 
                        <td><input class="btn btn-warning" type="submit" value="Alterar" style="width: 86px; height: 34px" onclick="action='alt_Materia.php'" title="Informe (Disciplina/Carga Horaria/bibliografia) a Alterar e (Codigo) cadastrado"/></td>
                        <td><input class="btn btn-danger" type="submit" value="Deletar" style="width: 86px; height: 34px"  onclick="action='del_Materia.php'" title="Informe (Disciplina/Codigo) e clique aqui"/></td>

                </div>
            </table>
    </form>
</div>

Answer 1

It is away due to the format of the created table , <table>. You added a third column that aligned after the text boxes. The columns, we open with the tag <td>.

I put the delete button in the same column of the Change button, just to illustrate for now, removing the tags <td> and </td> in that part of the code:

    <td><input class="btn btn-primary" type="submit" value="cadastrar"></td> 
    <td><input class="btn btn-warning" type="submit" value="Alterar" style="width: 86px; height: 34px" onclick="action='alt_Materia.php'" title="Informe (Disciplina/Carga Horaria/bibliografia) a Alterar e (Codigo) cadastrado"/><!--Retirei a tag </td> daqui-->
    <!--Retirei a tag <td> daqui--><input class="btn btn-danger" type="submit" value="Deletar" style="width: 86px; height: 34px"  onclick="action='del_Materia.php'" title="Informe (Disciplina/Codigo) e clique aqui"/></td>

I updated your html here: http://jsfiddle.net/a6Lt5Lgx/16/