不同身体部位的不同CSS样式表版本

我正在开发一个单页网站。我需要一个引导模式类弹出窗口显示，当我点击一个按钮。但是，我使用的模板是在引导版本1中完成的。我需要在引导v3模式弹出窗口。有没有办法让html正文的这个特定部分使用BootstrapV3

如果我试图在页面顶部包含bootstrapv3的链接引用，模板就会变得混乱和不干净。 请帮忙

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

并非所有浏览器都支持此功能，但您可以使用：

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

把这个放在集装箱里

跨浏览器解决方案

从引导3复制模式组件，然后删除css中的引导1模式组件

其他跨浏览器解决方案

---

在bootstrap-3上重新构建模板。

我尝试了第一种解决方案：但是import语句有一个错误，上面写着：意外的令牌导入\u SYM found。此外，如果我将其包含在我的模式中，那么页面字体和布局-所有的更改您使用Firefox吗？Chrome需要启用一个特殊的标志。我正在使用NetBeans进行开发，并在Chrome上运行。您能详细解释一下吗..的scoped属性仅在Firefox中受支持。如果您在中启用实验标志，它将在chrome上工作chrome://flagsSo 如果不识别scoped属性，bootstrap-3css将影响整个页面，而不仅仅是模式。