Bootstrap 只在指定的类或ID中集成CSS框架工作

hwazgwia 于 12个月前发布在 Bootstrap

关注(0)|答案(1)|浏览(115)

我有一个网站从零开始建立和我的Bootstrap或基础上建立指定的系统。当我尝试在我的网站上集成它时，我所有的网站都开始使用Bootstrap或基础风格。
是可能的，使工作，这CSS只在例如

<div id="bootstrap_only">
    <table class="table table-bordered">...</table> <!-- here works -->
</div>

<table class="table table-bordered">...</table> <!-- here don't work -->

twitter-bootstrap

来源：https://stackoverflow.com/questions/34831412/integrate-css-framework-work-only-in-specified-class-or-id

1条答案

按热度按时间

kokeuurv1#

有很多方法。
1-使用更少的（在你的更少的文件包括你的引导像这样）

.bootstrap {
    @import "/path-to-bootstrap-less.less"
    @import "/path-to-bootstrap-responsive-less.less"
}

2-详细解决方案：
最后的修复是使用SASS（有人建议场外），因为它允许您嵌套元素，然后自动生成最终的CSS。一步一步的过程是：
1.将两个Bootstrap文件（bootstrap.css和bootstrap-responsive.css）连接到bootstrap-all.css中。
1.创建一个新的SASS文件bootstrap-all.scss，内容为div.bootstrap {。
1.将bootstrap-all.css附加到bootstrap-all.scss。
1.通过将}追加到bootstrap-all.scss来关闭div.bootstrap选择器。
1.在bootstrap-all.scss上运行SASS以生成最终的CSS文件。
1.在最终文件上运行YUI Compressor以生成最小化版本。
1.添加最小化的版本到head元素，并 Package 我想要在<div class="bootstrap"></div>中应用样式的所有内容。
参考链接link 1

赞(0）回复(0）举报 12个月前

我来回答

Bootstrap 只在指定的类或ID中集成CSS框架工作

1条答案

相关问题

热门标签

最新问答