我目前正在使用bootstrap 3.0框架制作响应式博客。我正在使用1197 Max-width容器作为我的内容，它在桌面上渲染得很好。但是，当我尝试在手机上打开网站时（我使用的是Android Galaxy Note 2），视口的左右两侧有很多额外的填充。我尽可能地尝试遵循API文档和指南，但仍然无法使其工作。
以下是我正在处理http://www.justinbar.net
的网站有谁知道这是怎么回事？我做错了什么，或者我是否需要覆盖默认行为（这对我来说听起来有些苛刻）。
答案 0 :(得分：1)
首先，检查该设备的分辨率是多少。我认为它比最大的小，并且不完全适合任何默认的bootstrap的屏幕宽度。
当设备的屏幕宽度为800px时，两侧的填充会出现，而bootstrap的媒体查询会定义768px的布局。容器宽度最大为768px，如果你的排水沟大于0，那么两端出现的排水沟将减少内容的宽度。
我建议您查看Bootstrap customizer，您可以在其中定义自己的布局断点和装订线。请记住，有大量具有不同分辨率的设备，因此您不应该将您的布局设置为一个，但要使其尽可能适合许多设备并且流畅。