Twitter bootstrap 框大小调整div中的所有元素

我正在一个应用程序站点上使用Bootstrap4.0缩小css，我想在另一个站点的顶部注入它

文件如下：

我遇到的问题是，由于这些样式，以下样式正在影响我的应用程序后面的站点：

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

我尝试修改CSS，使其仅针对包装div中的所有内容，如下所示：

.prefix-wrapper * {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }

---

这没用-有什么想法吗

我不熟悉Bootstap 4，但当前的“想法”是框大小“重置”的形式如下：

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

所以，如果你想用

.prefix-wrapper * {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }

…首先必须将父对象上的“框大小”属性更改为其他属性

比如：

.prefix-wrapper {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

---

我不熟悉Bootstap 4，但当前的“想法”是框大小“重置”是这样形成的：

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

所以，如果你想用

.prefix-wrapper * {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }

…首先必须将父对象上的“框大小”属性更改为其他属性

比如：

.prefix-wrapper {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

---

它必须继承一些不同的东西……对吗？那么它应该从哪里继承呢？就像我在代码示例中放的前缀包装器一样？是的…但是你在

前缀包装器上设置了什么？代码在我的问题上面，取决于原始框大小，然后是的。它必须继承一些不同的东西…对吗？那么它应该从何处继承呢？就像我在代码示例中所说的前缀包装器？是的……但是您在
前缀包装器上设置了什么？代码在我的问题中，取决于原始框大小，然后是的。