html - Bootstrap Extra padding inside div

Question

我正在为我经常使用的网站实现一个用户脚本(在 Tampermonkey 中)，并且我正在尝试向该页面添加一个 div。如果我将 div 添加到页面顶部(到根元素)，一切都很好:

但是一旦我将它添加到 Bootstrap 列中，我就会得到一些烦人的额外填充，如下所示:

我已经尝试通过 Chrome 开发者工具修改样式，唯一能让填充消失的方法是删除列中之前出现的所有元素，并在父元素中设置“:before”元素行到“显示:内联”。我想我可能误解了 Bootstrap 的工作原理并且可能有一个简单的修复方法，但我已经试验了一段时间并在网上搜索但我没有发现有类似问题的人。有谁知道可能导致填充问题的原因是什么，我该如何解决？

编辑: Bootstrap 版本似乎是 3.3.2(我无法更新它，因为这是一个用户脚本)并且插入后的 HTML 如下所示(“元素-下拉”元素是我插入的那个):

应用于“project-dropdown”元素的 CSS 如下所示:

Answer 1

project-dropdown 元素有一个引入左右填充的父类 col-x-x。最重要的是，所述列放置在 row 类中，引入顶部和底部填充。

由于 CSS 本身的性质，这些属性也将被子元素“继承”。要删除所有填充，请覆盖父 col 和 row 类的默认值。

干杯!