bootstrap 4 navbar-toggler图标(汉堡包)显示两行而不是三行

Bootstrap 4是一种流行的前端开发框架，提供了丰富的组件和样式，使网页开发更加简单和高效。其中，navbar-toggler是Bootstrap 4中用于切换导航栏显示的按钮，通常使用汉堡包图标表示。

当navbar-toggler图标显示两行而不是三行时，可能是由于以下原因之一：

1. 内容溢出：如果导航栏中的内容过多，超出了navbar的宽度限制，导致navbar-toggler图标显示两行。解决方法是调整导航栏的内容，使其适应较小的屏幕尺寸，或者使用更小的字体大小。
2. 自定义样式：可能是通过自定义CSS样式修改了navbar-toggler的高度或行高，导致图标显示两行。解决方法是检查自定义样式并适当调整。
3. Bootstrap版本问题：不同版本的Bootstrap可能对navbar-toggler的样式有所不同。确保使用的是最新版本的Bootstrap，并按照官方文档中的示例代码使用navbar-toggler。

总结起来，要解决navbar-toggler图标显示两行而不是三行的问题，可以通过调整导航栏内容、检查自定义样式或使用最新版本的Bootstrap来解决。在腾讯云的产品中，可以使用腾讯云开发者工具包（Tencent Cloud SDK）来进行前端开发，并结合腾讯云的云服务器（CVM）和内容分发网络（CDN）等产品来部署和优化网站的性能。