bootstrap 3 - 反向导航对齐

Question

如何让nav-justified倒序操作？我的意思是，我希望在 tabs/pills 的小（移动）屏幕上水平放置，在更大的（桌面）屏幕上垂直放置，即堆叠。
这是一个需要修改 CSS 规则的示例（调整其 window 的大小以查看它在两种类型的屏幕上的外观）：http://s.bootply.com/render/1d0Cpp0po1
有谁知道如何以最简单的方式实现这一目标？提前致谢！

Answer 1

用这个 CSS 解决了它：

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

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

演示：http://s.bootply.com/render/AtQH4rry48