Bootstrap Navbar, mehrere Symbole in einer Zeile des minimierten Menüs

Question

Ich habe eine Navigationsleiste mit Elementen auf der linken Seite und ein paar Symbole auf der rechten Seite (mit .navbar-rechts). Sieht nach einem großen Bildschirm aus, aber wenn das Symbol im erweiterten Menü ausgeblendet wird, möchte ich, dass die drei Symbole in der gleichen Zeile im erweiterten Menü auf einem kleinen Bildschirm angezeigt werden. Beispiel dafür ist here

Auf einem Telefon, wenn Sie das Menü erweitern jedes der drei Symbole nimmt jeweils eine Zeile, ich möchte sie in der gleichen Zeile. Jedes Symbol hat einen anderen Link.

Answer 1

Sie einige CSS hinzufügen, können die .nav>li-display: inline-block auf kleinen Bildschirmen außer Kraft zu setzen ..

@media (max-width: 768px) { 
    .nav>li { 
     display: inline-block; 
     padding-right: 0; 
    } 
} 

http://www.bootply.com/9Gi06pDJ9d