html – 左右两个品牌的Bootstrap导航栏,带有居中链接

2023年2月26日 223次阅读

我想创建一个看起来像这样的导航栏：

[BRAND1] … [LINK1 | LINK2 | LINK3] …… [BRAND2]

这就是我得到的,但折叠的菜单看起来很奇怪,并且缺少导航栏和折叠菜单之间的边框. http://www.bootply.com/fp8e8IYGuj

当宽度> 1时,我对外观和行为感到满意.比768px,但不是崩溃的外观和行为.我希望它表现得像一个“正常”的折叠菜单.例如这一个：
http://www.bootply.com/GDf0pzFK9b

最佳答案您需要清除浮动元素,在CSS上添加：

/* navbar menu when collapsed */
@media (max-width: 767px) {
  .navbar-collapse {
     clear:both;
  }
}