2014-11-20 86 views
0

我试图使用引导UI,但他们的CSS正在推入像标签等全球css的东西 所以不能像原样使用它,因为我的整个应用程序css越来越覆盖。 有没有什么解决办法吗?bootstrap用户界面的css搞乱了应用程序的css

+0

用更具体的样式覆盖它。 (请确保bootstrap的CSS在你的之前加载。) – Blazemonger 2014-11-20 16:34:22

+0

这真的很难。他们有这么多的定义。我试过了,迷路了。 – lolypop 2014-11-20 16:36:12

+0

[CSS特异性的好介绍](http://css-tricks.com/specifics-on-css-specificity/) – Blazemonger 2014-11-20 16:37:05

回答

0

肯定是有的。 如果你使用较少例如,引导防阻减档,而不仅仅是CSS文件。 所以你可以范围整个引导CSS一些前缀类 例如:

.bootstrap-ui { 
@import "../bower_components/bootstrap/less/bootstrap"; 
} 

这意味着你现在可以做

把引导这里组件.....

,只有这个div将被引导CSS受到影响。

+0

我会检查它。谢谢。 – lolypop 2014-11-20 16:30:46

+0

由于某些原因代码丢失:

sagie 2014-11-20 16:35:24

+0

这并不完全有效,它有一些边缘情况;请参阅http://stackoverflow.com/a/11151922/3342739 – cvrebert 2014-11-20 18:30:46