bootstrap 3 - Inverse nav-justifed

Question

Wie wird nav-justified in umgekehrter Reihenfolge ausgeführt? Was ich meine ist, ich möchte auf kleinen (mobilen) Bildschirmen von Tabs/Pillen horizontal positioniert werden, und auf größeren (Desktop-) Bildschirmen, um vertikal positioniert zu werden, d.h. um gestapelt zu werden.
Hier ist ein Beispiel, für das CSS-Regeln geändert werden müssen (die Größe des Fensters ändern, um zu sehen, wie es auf beiden Bildschirmtypen aussehen würde): http://s.bootply.com/render/1d0Cpp0po1 Kann jemand das auf die einfachste Weise erreichen? Danke im Voraus!

Answer 1

es mit diesem CSS Gelöst:

.nav-justified-inverse > li { 
    float: none; 
} 

@media (max-width: 768px) { 
    .nav-justified-inverse > li { 
     display: table-cell; 
     width: 1%; 
    } 
} 

Demo: http://s.bootply.com/render/AtQH4rry48