在导航栏中使用.container可以缩小显示范围

Question

bootstrap v4-alpha文档显示you can use .container inside the navbar to have a centered (non-fluid) content。

然而，这似乎无法在超小型显示器上正常工作，因为.container框缩小得太小，因此徽标和菜单按钮相互堆叠。

此处显示问题的a JSFiddle example。

Answer 1

目前在alpha 6 there is a bug中，在小屏幕上使导航栏内的container收缩宽度。这将在测试版中修复，但在此之前，您只需要一点CSS来保持内部容器在移动设备上的全宽。

@media (max-width:767px) {
    .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}