gpt4 book ai didi

html - 如何删除在移动菜单上使用 Twitter Bootstrap 时出现的水平滚动条

转载 作者:行者123 更新时间:2023-11-28 04:03:12 26 4
gpt4 key购买 nike

请帮帮我。我设置了一个 Twitter Bootstrap 菜单的样式,但是当我在移动版本上时出现了一个水平滚动条:

http://i.imgur.com/JRWRg9D.jpg

我能够在 jsfiddle 上重现它:

http://jsfiddle.net/mXLSk/

我正在使用它来设置移动版本的样式,但必须在某处隐藏另一种样式才能让滚动条出现。

 @media (max-width: 767px) { 
#bs-example-navbar-collapse-1 {
background-color: #fff;

a {
padding: 7px 40px;
}
}
}

谢谢你的帮助。

最佳答案

.navbar-nav 使用负边距导致内容流出容器。这就是滚动条的最终原因。将其更改为正填充应该可以解决它 =)

.navbar-nav {
margin: 0;
padding: 7.5px 15px;
}

JSfiddle to the padding / margin change.

关于html - 如何删除在移动菜单上使用 Twitter Bootstrap 时出现的水平滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24084077/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com