我可以为 html 中的某些代码行应用 <script> 标签和 <link> 标签吗？答案

【问题标题】：Can I apply <script> tag and <link> tag JUST for certain lines of code in html?我可以为 html 中的某些代码行应用 <script> 标签和 <link> 标签吗？
【发布时间】：2020-08-12 14:20:16
【问题描述】：

我一直在使用 boostrap 4.0 来构建我的网站。

一个新添加的项目需要我使用 boostrap 3.3。

但在添加 boostrap 3.3 css 样式表后，折叠/exapnd 导航栏无法正常运行。

所以我正在考虑使用 JS 将脚本标签和链接标签应用于具有特定 ID 的项目。那可能吗？谢谢。

重写新添加的项目将是一场灾难:(

【问题讨论】：

您可能必须从 3.3 样式表中提取您需要的 css，修改为针对特定 id，然后将其放入您自己的 css 表中。在任何情况下，为 1 个元素引入整个 3.3 css 表都是多余的。

标签： html css tags

【解决方案1】：

部分css和js组件可以在这里单独下载：https://getbootstrap.com/docs/3.4/customize/

例如，如果您只想将 bs X3 css 用于网格，您可以取消选中所有，然后选中“网格系统”。您还可以通过在类前面添加一个额外的类来修改 bs css，以使它们独一无二。

示例（为每个 X3 引导类添加一个 .bs-3 类 - 如果您下载 sass 文件就可以轻松完成）所以无论您在哪里使用引导类和新类，它都应该覆盖 X4 类。

.bs-3.row {
  width: 100%;
  max-width: 100%;
}

【讨论】：

感谢您的自定义 boostrap 网站，我只是更改了 boostrap js 文件，现在一切正常！非常感谢！

【解决方案2】：

您正在尝试的是反对 CSS 的设计工作方式（将样式应用于整个网站）。现在，这可以通过组件实现，例如大多数框架中提供的组件，它们为 CSS 和 JS 创建了限制范围。

Native HTML components 现在没有被广泛使用。

如果它只是一个组件，将它从 Boostrap 3 迁移到 4 应该没什么大不了的。 Bootstrap 3 和 4 之间的设计变化并不大。

其他选项正在使用 Boostrap 3 的 SAAS 源并重命名您使用的类并仅添加它们，但我认为这将是更多的工作。

【讨论】：

添加自定义的 boostrap js 文件后，我的代码现在可以正常工作了。无论如何感谢您的回答。这是解决问题的一种方法。 ;)