css - 如何解决 Bootstrap 类名冲突

标签 css angularjs twitter-bootstrap cordova

<分区>

我们接到了一个客户交给我们的元素。就是说我们要开发38 block 屏,其实他们已经提前开发好几 block 屏(20多 block )交给我们了。该应用是一个混合移动应用、单页(使用 Angular )和cordova。所以问题是他们没有使用任何框架,如 bootstrap 来开发他们开发的页面,然后再将其交给我们。 另外要注意的是,由于我们必须使用 angular,所有的 css 文件将被缩小到一个文件中。并且他们在他们的元素中使用了像row这样的类名,这与bootstrap中的名称冲突但是非常想用bootstrap,有没有什么办法可以使用bootstrap而不和他们已经开发好的类名冲突,或者简单地说,我们不想修改他们在css中的旧类在单页环境中。欢迎提出任何建议。

最佳答案

是的,只有一种解决方案,隔离 Bootstrap CSS

想法是编辑 bootstrap LESS 文件,并在每个元素之前添加一个类(假设 bootstrap-iso)并像这样使用 bootstrap 环绕

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

好消息是你不需要紧缩和改变:Here is link of crunched css file

获取此文件,链接到您的站点并像上面那样使用环绕。希望对您有所帮助。

Reference, Learn More

关于css - 如何解决 Bootstrap 类名冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33820656/

相关文章:

jquery - bootstrap - 在模态标题中覆盖弹出框

html - CKEditor 从表中删除类属性

ie7 中的 css 子菜单悬停问题

JQuery 条款和条件加密狗

angularjs - 如何将ui-grid字体文件包含到项目中

javascript - 带有 Bootstrap 下拉菜单的 ember cli 应用程序在鼠标释放时立即关闭

html - 丰富的片段重复 - 有害吗?

angularjs - 向 ng-grid 列添加属性

javascript - Angular JS - 显示 1 div 并隐藏所有其他 div

javascript - 仅在媒体大小超过 980px 时将 Wordpress Logo 移动到内联主导航中心(无序列表)