Bootstrap 3 - alineación vertical del contenido de la navbar

Question

http://www.bootply.com/tfGjhlJnPL

Estoy tratando de conseguir la alineado a la derecha los elementos de navegación para alinear verticalmente con la parte inferior de la alineado a la izquierda de la imagen.

Yo también quiero que la barra de navegación, botón de alternar para que se alinee con la parte inferior de la imagen en la misma forma cuando la navbar se derrumbó...

Cualquier sugerencia bienvenida :)

Answer 1

Bueno, si no estás negativas para él, esto se puede lograr mediante el uso principalmente de position:absolute.Por ejemplo, basado en los actuales estilos, CSS funcionaría:

.navbar-header{
    position:relative;
}
@media (max-width: 991px) {
    .navbar-toggle{
        position:absolute;
        right:0;
        bottom:0;
    }
}   
@media (min-width: 991px) {
    .navbar-nav{
        position:absolute;
        right:0;
        bottom:0;
    }
}

He aquí un actualizado Bootply para mostrar de qué se logra.Dependiendo de su preferencia, puede que también desee para ajustar cada elemento del padding o margin para alterar lo cerca que está de la parte inferior de la zona de cabecera (yo no cambio estos estilos en mi demo).Espero que esto ayude!Déjeme saber si usted tiene alguna pregunta.