html - 如何将 bootstrap 导航栏调整为 900px 并将其置于页面中心

Question

最近因为对此感到沮丧而拔掉了我所有的头发。我查看了所有与此相关的 stackoverflow 页面，但他们所谈论的只是将

标记居中。我正在尝试将导航栏的大小调整为 900 像素，并将其与页面上的其他元素一起置于页面中心。

这是 jsbin我在说什么。我还希望导航栏能够根据用户的设备进行缩放(保留所有 Bootstrap 功能)。

如有任何帮助，我们将不胜感激。

Answer 1

如下所示更改您的#wrapper css

#wrapper{
    margin: 0 auto;
    max-width:900px;
    height:100%;
}

max-width:900px; 将在低于 900px 时使宽度灵活。 margin: 0 auto; 会将您的内容置于中心。