如何在 Bootstrap 响应模式下隐藏填充？

Question

嘿 Stackoverlow 家族，我遇到了一个问题。我在 100% 实际大小上设置了 padding-top 300，但是当我进入响应模式时，它显示我与原始大小相同。我想减少 padding。我该怎么做？

Answer 1

我猜你使用了 bootstrap 库而没有在平板电脑/手机屏幕上做任何改变。

您需要了解响应式 css 是如何工作的。 在不同的窗口宽度中：<768，在768px - 960px 之间，>960px 网站会引用不同组的css代码。 如果您仅更改 100% 实际大小的填充，则不会影响响应模式。

如果你想粗暴地影响对所有屏幕尺寸的更改，只需创建一个新的自定义 css，指向你的元素并在设置的末尾添加!important ，如下所示：

#elementName{
    padding-top: 300px !important;
}

更多细节请参考引导文档http://getbootstrap.com/css/#grid