Css 无汉堡包菜单，打造响应灵敏的引导导航栏

我正在使用Bootstrap构建一个投资组合项目。我想让导航栏响应，但不使用默认的汉堡包菜单。相反，我有一个媒体查询，可以将文本链接更改为图标。但是，当屏幕大小调整到767及以下时，图标会折叠成第二行。我想让他们更靠近导航栏标题

我搜索了一整天，但其他人似乎都在询问是否要添加汉堡包菜单

有什么建议吗

---

在“媒体查询”中尝试此选项可能会对您有所帮助。

如果您希望导航保持不变，只需更改图标，您可以尝试：

@media only screen and (max-width : 768px) {
   .navbar-header {
       float: left;
    }
   .navbar-nav {
       float: right;
    }
}

---

这将拉动标题，左边是您的名字，右边是图标。保持原样，就好像你有文字一样。

谢谢！那真是一种享受！总是一些小东西。谢谢你，维克多。我本来想问这个的，但经过一点尝试和错误就解决了。

 @media only screen and (max-width : 768px) {
   .navbar-header {
       display: inline-block;
       float: left;
    }
}

@media only screen and (max-width : 768px) {
   .navbar-header {
       float: left;
    }
   .navbar-nav {
       float: right;
    }
}