Bootstrap 3 - Allineamento verticale del contenuto della navbar

Question

http://www.boowly.com/tfgjhljnpl

Sto cercando di ottenere gli elementi di navigazione allineati a destra per allineare verticalmente con il fondo dell'immagine allineata a sinistra.

Voglio anche il pulsante di commutazione del navigatore per allinearsi con il fondo dell'immagine nello stesso modo in cui la navbar è compressa ...

Qualche suggerimento Benvenuto :)

Answer 1

Bene, se non sei avverso ad esso, questo può essere raggiunto utilizzando principalmente position:absolute.Ad esempio, in base agli stili attuali che hai, questo CSS funzionerebbe:

.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;
    }
}

.

Ecco un Aggiornato BOOGLY per mostrarti cosa ne raggiunge.A seconda delle tue preferenze, è possibile anche regolare il padding di ciascun elemento o margin per alterare quanto è vicino al fondo dell'area dell'intestazione (non ho cambiato questi stili nella mia demo).Spero questo sia di aiuto!Fammi sapere se avete domande.