如何从使用随附的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

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

点赞
评论