Javascript 使用作用域JQuery插件进行引导

我有一个有很多css功能的网站。我也想开始使用它的引导功能。问题是：我的网站有与引导同名的类，有些功能正在崩溃

我正试图这样做： 但是当我试图在这样的部分中包含一个页面时：

<section class="main" style="min-height:460px">
    <style scoped>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
        <script src="${ctx}/scripts/bootstrap-select.js" ></script>
        <script src="${ctx}/scripts/bootbox.min.js" ></script>
        <script src="${ctx}/scripts/jquery.bootpag.min.js" ></script>
        @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css");
        @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css");
        @import url("/ilocate-ws/css/bootstrap-select.css");
    </style>
...
</section>

这正合适

我的问题是:

1我是否以正确的方式进行包含？ 2如果没有，我应该怎么做

谢谢

我用它作为参考

如果您查看语法，范围样式表必须位于包含使用它的内容的DOM元素内部

<div>
    <style scoped>
        h1 {color:red;}
        p {color:blue;}
    </style>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</div>

从同一链接，只有Firefox支持它。您最好只使用css选择器，如下所示。关于这一点，在网站上有很好的教程

<div>
    <style scoped>
        h1 {color:red;}
        p {color:blue;}
    </style>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</div>

 <style>
     .styleThisSection  h1 {color:red;}
    .styleThisSection  p {color:blue;}
</style>
<div  class="styleThisSection">
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</div>