css - bootstrap 3 - 反向导航对齐

Question

如何使nav-justified逆序行动？我的意思是，我希望标签/药丸在小（移动）屏幕上水平放置，而在较大（桌面）屏幕上垂直放置，即堆叠。
这是一个需要修改 CSS 规则的示例（调整其窗口大小以查看它在两种类型的屏幕上的外观）：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