css - 不同 body 部位的不同 CSS 样式表版本

Question

我正在开发一个单页网站。当我点击一个按钮时，我需要一个 Bootstrap “模态”类弹出窗口来显示。但是，我使用的模板是在 Bootstrap 版本 1 中完成的。我需要在 Bootstrap v3 中使用“模态”弹出窗口。有什么方法可以让 html 正文的这个特定部分使用 Bootstrap v3？

如果我尝试在页面顶部包含对 Bootstrap v3 的链接引用，模板就会变得困惑不堪。请帮助....

Answer 1

最佳解决方案，但不是跨浏览器

并非所有浏览器都支持，但您可以使用:

<style scoped>
@import url("bootstrap-3.css");
</style>

将其放入模态容器中 <div> .

跨浏览器解决方案

从 bootstrap 3 复制模态组件，然后删除 bootstrap 1 模态组件(在 css 中)。

其他跨浏览器解决方案

在 bootstrap-3 之上重建您的模板。