我有一个本地开发的 Bootstrap 站点，如果您调整浏览器窗口的大小，导航栏可以在桌面上的每个大小（低至 320 像素宽）下完美运行。但是，如果您使用浏览器的设备模拟，或查看实际手机上的页面，“汉堡包”菜单按钮会向右移出屏幕，您必须向右滚动才能看到它。我整个下午都在谷歌上搜索和调整我能想到的每一种风格，没有任何改变。我希望其他人遇到过这个问题。
三个注意事项：(1) 一些菜单样式（特别是左侧定位）可能看起来/很奇怪，但需要将菜单在屏幕上保持在非常窄的宽度。删除该定位无济于事。(2) 我有一个拆分标题，我在其中为左右指定 XS-6 - 从技术上讲，我认为所有行都应该是移动 XS 大小的完整 12 列宽度，但再次......改变这个根本没有改变问题——它只是在第二行离开了屏幕。(3) 这是一个 wordpress 站点，我使用的是 wp_bootstrap_navwalker。
这是我的 HTML 和 CSS... 建议？
.container{width:auto;}
.navbar-default .navbar-toggle {border-color:#4B4F5B;padding:5px;margin-top:23px;margin-right:10px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#4B4F5B;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#fff;}
.navbar-collapse {border-top:1px dotted #4B4F5B;position:relative;left:-10px;}
.navbar-collapse.in {overflow-y: visible;} /*show overflow to avoid submenu scrolling*/
#menu-menu1 {position:relative;left:-35px;}
.dropdown-menu {position:relative;left:-70px;}
#header_left {margin:0;padding:0;}
#header_right {margin:0;padding:0;} <!-- HEADER / NAV -->
<header class="row navrow">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- LEFT SIDE -->
<div class="col-xs-8 …