Question

我正在开发一个单页网站。当我点击按钮时，我需要一个引导“模态”类弹出窗口。但是我使用的模板是在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之上重建模板。