当我的屏幕宽度达到 767px 时,导航会异常折叠。当我转到 768px 时,navbar-nav 会低于 navbar-brand。直到我达到 795px,navbar-brand 和 navbar-nav 才再次排成一行。这些值会根据导航的大小而变化。这是一个jsbin
最佳答案
您的导航栏太宽,因此没有足够的空间使其保持在同一行上。您可以将“.nav > li > a”的填充减少为
padding: 10px 13px;
避免问题
关于html - navbar-nav 被推到 navbar-brand 下面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31297574/