Bootstrap - 导航栏折叠边界中断

Question

我将导航栏切换的边距顶部从 8（默认值）更改为 15。因此，在折叠时，边框中断。

.navbar-toggle { margin-top: 15px !important; }

http://i.imgur.com/LYt4nEL.png

Answer 1

调整您的导航栏标题。您的 navbar-toggle 已溢出，它覆盖了 navbar-header 边框底部。增加 navbar-header 的高度并降低现在可能需要居中的任何其他元素。

为了不影响桌面视图中标题的高度，请确保仅在 navbar-toggle 显示时才使用它，该高度仅低于 768px

@media (max-width: 768px) {
  .navbar-toggle {
      margin-top: 15px;
  }

  .navbar-header {
      height: 58px; //change this as needed.
  }
}