Bootstrap Modal 向具有“is-fixed”类的元素添加填充权答案

【问题标题】：Bootstrap Modal adding padding-right to elements with the class "is-fixed"Bootstrap Modal 向具有“is-fixed”类的元素添加填充权
【发布时间】：2020-01-31 16:29:29
【问题描述】：

我在我的应用程序中使用了一个 Element 组件，它使用了一个名为“is-fixed”的类。当我显示 Bootstrap 模式时，任何带有“is-fixed”的元素都会被注入“padding-right”的内联样式。

如何让 Bootstrap 停止它？

我目前已添加.is-fixed { padding-right: 5px !important; }，但这仅适用于特定情况。

我在 Google 上找不到任何关于 Bootstrap 和 is-fixed 的信息，因为 Google 不断将我的 is-fixed 更改为 is-fixed。 ..

【问题讨论】：

Welcome to StackOverflow - 请阅读我们的How to Ask 页面和edit 您的问题以改进它。好的问题往往会从社区中得到快速、更好的答案。对于初学者，请在您的问题中添加minimal reproducible example。

标签： twitter-bootstrap bootstrap-modal

【解决方案1】：

我建议您使用 Chrome DevTools 来检查具有 .is-fixed 类的模态元素。然后您将能够看到该类来自哪里，就像下面的示例一样：

在本例中，.text-muted 类来自文件 _text.scss 的第 52 行。然后，您将能够在您自己的 CSS 样式表中根据需要编辑类 .is-fixed，只需确保在最初加载类 .is-fixed 的文件之后加载此文件，以便它优先于它。您还可以将您的属性设为!important。希望对您有所帮助。

【讨论】：