如何仅为代码中的特定部分实现引导样式？ [复制]

Question

基本上我已经使用最新版本的 bootstrap v4.4 实现了一个自动生成的表单。该代码位于一个 JS 文件中，该文件将在任何调用它的地方附加表单。连同 bootstrap 的 CSS CDN。

我发现自己需要在使用 bootstrap 3.2 的网站中附加表单，我无法更改它，当我附加 JS 和 CDN 时，它会破坏其他网站的部分内容。

我的问题是：有没有办法让 bootstrap 4.4 仅可用于表单容器 (div) 内的元素？

<link rel="stylesheet" href="https://cdnbootstrap44.com>

<div class="append-form-here></div>

<script src="formjs.js"></scritp>

上面是 javascript 代码将在其中附加表单的 div。我想仅将 bootstrap 4.4 应用于其中的元素。

Answer 1

包含的 CSS 应用于整个文档，所以没有。

如果您将 div 包含在 iframe 中并在其中包含 css，则您可以拥有“本地”css。

您还可以在 div 中添加 style="" 属性，并包含 div 元素中使用的 css sn-ps。样式属性只会应用在 div 内部。