Bootstrap - Navbar Collapse Border Break

Question

我将导航栏切换的margin-top从8（默认值）更改为15.因此，在折叠时，边框断开。

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

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

Answer 1

调整导航栏标题。你的导航栏切换溢出，它覆盖了navbar-header border-bottom。增加navbar-header的高度并关闭现在可能需要居中的任何其他元素。

为了不影响桌面视图中标题的高度，请确保仅在导航栏切换显示仅低于768px

时才使用此标题

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

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