Css Boostrap不支持在小视口中填充左右值

你好，我在网站上遇到了以下问题-

请注意，在小型移动视口中，引导会使用填充对左右两侧进行缩进。这是在

.container

类上设置的

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

然而，我的网站似乎不尊重这些CSS值-没有填充缩进。如果您向下滚动内容并查看问题

---

.row

的左右边距为

-15px

，当然，这会“吃掉”您在

.container

上相同宽度的填充……我遇到了同样的问题，直到我通过以下示例得出结论：首先是.container div，然后是.row。在div列中，您应该定义媒体，如.col lg-*用于大屏幕，.col sm-*用于小屏幕等等。这应该能解决你的问题。如果你想用填充来设置标题的样式，请在.col sm-*div中添加你自己的另一个“样式div”。希望这对你有所帮助，以我目前正在处理的这个网页为例