如何从使用随附的bootstrap.css中隔离出一行代码

我有一个需要包含引导文件的主文件,而我有一个头文件现在不需要引导文件,但是当我在主文件中包含头文件时发生冲突。当我从主文件中删除引导文件时,标题看起来不错,但其他数据却看起来不佳,并且当添加了引导文件时,标题变得不正确,主数据看起来应该看起来像。有什么方法可以告诉头文件忽略引导文件。

评论
  • 幸福棒棒糖
    幸福棒棒糖 回复

    似乎您的头文件使用的是CSS类名,引导程序会使用它。但是我以前在项目中使用过一种解决方案

    您需要使用LESS或SASS隔离整个样式。

    这是一个使用LESS的例子

    .bootstrap-iso {
      @import (less) 'bootstrap.css';
      @import (less) 'bootstrap-theme.css';  /* optional */
    }
    

    要使用它,您可以将主要的孤立clsass放在容器div或主体中

    <div class="bootstrap-iso">
    <!-- Any HTML here will be styled with Bootstrap CSS -->
    </div>
    

    Source (this works for Bootstrap 3): https://formden.com/blog/isolate-bootstrap

    For Bootstrap 4: https://github.com/cryptoapi/Isolate-Bootstrap-4.1-CSS-Themes

    And finally here is a pre-compiled solution just to include it. https://github.com/toert/Isolated-Bootstrap

    我强烈建议您重新设置头文件的样式会越来越简单