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

【问题标题】：How to hide padding on Bootstrap responsive mode?如何在 Bootstrap 响应模式下隐藏填充？
【发布时间】：2017-05-30 20:19:33
【问题描述】：

嘿 Stackoverlow 一家，我遇到了一个问题。我在 100% 的实际尺寸上有 padding-top 300，但是当我进入响应模式时，它显示的和原来的一样。我想减少填充。我该怎么做？

【问题讨论】：

请展示您的代码，以及桌面和移动设备上元素的一些屏幕截图。
欢迎来到 StackOverflow！不幸的是，如果没有看到您的代码，我们将无能为力。为了让我们更好地帮助您，请更新您的问题，以便它在 minimal, complete, and verifiable example 中显示所有相关代码。如需更多信息，请参阅help article，了解如何提出好的问题。

【解决方案1】：

我猜你使用了引导库而没有在平板电脑/手机屏幕上进行更改。

您需要了解响应式 CSS 的工作原理。不同窗口宽度：960px 该网站将引用不同组的 css 代码。如果您只更改了 100% 实际大小的填充，则不会影响响应模式。

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

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

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

【讨论】：

我的父 div 宽度为 800 高度，但我希望我的内容在 300 填充之后。我给 margin-top:300px;在正常宽度上工作正常，但是当我移动到像
等等，是边距/填充吗？它们是不同的。
我使用边距。但是您对使用边距或填充有什么建议？
边距，只是被你的描述弄糊涂了（......想要我的内容在 300 填充后......）当然你给了 2 套小 (768) 的 css 代码)，请参考w3schools.com/css/css_rwd_mediaqueries.asp