css - 使用 Bootstrap 的移动设备上 <body> 的空白左边距

标签 css mobile twitter-bootstrap margins

我在一个使用 Bootstrap 框架的网站上工作,我注意到在移动设备上窗口的右侧有一个空白的空白边距。我相信这是标签的某种问题,尽管我无法查明它。

有 20 像素的边距,但如果我删除它们,.brand Logo 会在右侧部分移出屏幕。

可以查看问题here .

很抱歉没有在这里提供代码。我什至不确定要提供哪个 CSS,因为我无法确定问题所在。

最佳答案

在标题为“下载原始滑动文件以确保您的成功”的 block 中。你有文本、旁边的图像和标题“一键下载滑动文件”

标题实际上是一个 svg 文件,我认为在某些视口(viewport)中它对于 bootstrap 列来说太宽了并且它会扰乱网格。我不能确定,但​​你可以尝试暂时删除标题,看看会发生什么。

当浏览器窗口大约为 780px 时,我所描述的行为最为明显……我们总是有可能看到不同的东西;)

祝你好运!

screenshot

关于css - 使用 Bootstrap 的移动设备上 <body> 的空白左边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16990627/

相关文章:

html - WordPress 主题与 Internet Explorer 的交叉兼容性

css - 如何为多对多选择框创建 CSS 列?

html - 如何使图像高度适合并列文本高度

knockout css 绑定(bind)中的 Javascript

javascript - css - 在 iphone 上改变方向的绝对定位

javascript - 如何通过javascript动态创建 Bootstrap 面板?

css - 当前针对多种屏幕尺寸的最佳方法

html - 使用 jumbotron bootstrap 进行移动图像交换

html - Bootstrap 导航下拉列表的问题

css - 使用 CSS 在页面中居中 jumbotron