Controles desalineados y <hr/> desaparecido

[Pantera80]

Hola de nuevo!!!

A base de investigar, creo que ya lo he conseguido.

Lo primero que he hecho es encerrar el <hr/> dentro de un div y le pongo la clase "row", sino no sale:

Código HTML:

<div class="col-sm-4">
                            <h4><label class="control-label col-sm-6" for="Element_Type">Element Type</label></h4>
                            <div class="col-sm-6">
                                <a class="btn btn-default" href="/Controller/Method" role="button">
                                        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> New Type
                                </a>
                            </div>
                    
                            <div class='row'>                       
                                <hr/>
                            </div>
                                
                    
                    </div>
 

Después, hay que modificar el CSS que viene por defecto en el Bootstrap, para ello en tu hoja de estilos escribe este código para que sobreescriba al original:

Código CSS:

hr{ 
    color: black; 
    height: 1px; 
    background-color:black;
}
 

Espero que te sirva, sino dímelo

Un saludo