如何从HTML页面中删除长水平滚动条

如何从HTML页面中删除长水平滚动条,html,css,twitter-bootstrap,scrollbar,browser-scrollbars,Html,Css,Twitter Bootstrap,Scrollbar,Browser Scrollbars,我开始一个项目使用推特引导,但我有一个问题。水平方向上有一个长长的空滚动条。我找不到问题,有人知道问题出在哪里吗 谢谢 改为 .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width:auto; } 或者删除地图底部的容器类,容器用于包装内容,不应包装到其他容器中。此外,集装箱将采取全宽 在.container中的任

我开始一个项目使用推特引导,但我有一个问题。水平方向上有一个长长的空滚动条。我找不到问题,有人知道问题出在哪里吗

谢谢

改为

.container, 
.navbar-static-top .container,
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container {
    width:auto;
}
或者删除地图底部的
容器
类,
容器
用于包装内容,不应包装到其他
容器
中。此外,集装箱将采取全宽

.container
中的任意位置放置一个,该容器可设置站点和内容的宽度

“引导文档”

退房


身体{
溢出-x:隐藏!重要;
}
正文>*{
最大宽度:100%!重要;
}
希望这有帮助

1) 在标题中添加以下内容以启用响应功能

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这里可能有一些标记错误

3) 忘记将溢出-x隐藏添加到正文

body {
    overflow-x: hidden;
}

哦,它现在可以工作了,但为什么会这样呢?我的html/css编码错误?这只会隐藏浏览器滚动条。.row元素仍将超出范围,您将在大多数移动设备上遇到问题。我想知道bootstrap v3将如何修复此错误。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<div class="container-fluid">
<div class="row-fluid">
    <div class="span2">
        <!--Sidebar content-->
    </div>
    <div class="span10">
        <!--Body content-->
    </div>
</div>
body {
    overflow-x: hidden;
}