Bootstrap 导航栏折叠和可见部分

【问题标题】：Bootstrap navbar collapse and visible partBootstrap 导航栏折叠和可见部分
【发布时间】：2020-08-10 11:19:34
【问题描述】：

我正在使用 Bootstrap 创建一个主题，我希望我的顶部菜单具有： about、home、contact 等，以及另一个消息图标。 (you can check this image)

但是当在移动设备上查看页面时，我希望菜单像 image 那样折叠起来

但只有消息图标仍然可见。

目前还没有，有什么想法可以做到吗？

【问题讨论】：

【解决方案1】：

用 .visible-xs 类示例包裹图像图标：

<img class="visible-xs" src="...">

这里是更多信息的链接： Responsive utilities

【讨论】：