Bootstrap网站移动视图不使用完整视口

Question

我目前正在使用bootstrap 3.0框架制作响应式博客。我为我的内容使用了1197最大宽度的容器，它在桌面上渲染得很好。但是，当我尝试在手机上打开网站时（我正在使用Android Galaxy Note 2）时，视口的右侧和左侧有很多额外的填充。我尝试过尽可能靠近API文档和指南，但仍然无法实现这一目标。

这里是网站我的工作http://www.justinbar.net

有谁知道是怎么回事这个？我做错了什么，还是我需要重写默认行为（这对我来说听起来有点难听）。

Answer 1

首先，检查该设备的分辨率。我认为它比最大的小，并且不完全适合任何默认引导程序的屏幕宽度。

当您的设备的屏幕宽度例如为800px，并且引导程序的媒体查询为768px定义布局时，边上的填充会显示。容器宽度最大为768px，如果你的排水沟大于0，那么内容的宽度将由于两端出现的排水沟而减少。

我建议你看看Bootstrap customizer，你可以在其中定义你自己的布局断点和阴沟。请记住，有大量具有不同分辨率的设备，因此您不应该将您的布局合并到一个设备中，而应该尽可能使其适合许多设备。