javascript - Bootstrap 4 - 移动网站太宽。横向滚动发生。可能的语法错误?

标签 javascript jquery html css twitter-bootstrap

我正在使用 Sass 和 Bootstrap 制作一个具有多个背景的网站。我的问题是,在网站的移动设备 View 中,您可以向左或向右滚动,但我不希望这样。另外,导航栏真的很乱——切换按钮让它变得太高了。 这是一个 JSFiddle:https://jsfiddle.net/4z5ty868/

我认为问题出在导航栏中或导航栏周围的某处,或者可能是 <div> 的数字不正确秒? 基本上,我 super 困惑! 希望有人能帮助我。

最佳答案

问题出在您的btn 类上。您在此处包含了 white-space: nowrap;,导致按钮不会屈服于屏幕边缘。删除该行或用 white-space: normal; 覆盖,您的水平滚动问题就解决了。

之前: enter image description here

之后: enter image description here

关于javascript - Bootstrap 4 - 移动网站太宽。横向滚动发生。可能的语法错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44710250/

相关文章:

html - Windows Phone 中的固定宽度视口(viewport)

javascript - jQuery.ajax() 在 Chrome 扩展中将 POST 请求作为 GET 发送

javascript - 如何在 .scroll jQuery 函数中将 'px' 替换为 '%'

javascript - 模拟人类点击并在下拉菜单中选择

javascript - 在 Javascript/jQuery 中为动态添加的表格行绑定(bind)点击事件

javascript - 为什么 Ajax 在通过 POST 方法提交表单后会在移动设备上刷新页面?

html - 如何在我的 PHP 文件中引用我的 MySQL 数据库之一?

html - 有没有办法让 CSS 选择器在标题前放置 "-"?

javascript - 在其他页面上加载外部标题的内容

javascript - JavaScript 中的 & 和 && 有什么区别?