冲突的CSS

时间:2011-11-22 16:42:31

标签: css sharepoint twitter-bootstrap

我正在尝试在sharepoint网站中使用Bootstrap。不幸的是,CSS样式正在应用于模板的HTML,这对设计造成了相当大的影响。

我知道我想要的一切都受到引导程序的影响在#s4-workspace之内 - 有没有人知道我可以用来将引导程序仅应用于该元素的子代的任何CSS技巧?

我不是在 shudder 下面重新编译包含它的LESS代码,如下所示:

#s4-workspace {
  @import "reset.less"
  // etc
}

但是,当然,如果可以,我想找到更好的解决方案。这种特殊方法似乎也不起作用。

我无法改变Sharepoint主站点的CSS。

欢迎任何建议!

谢谢,

1 个答案:

答案 0 :(得分:0)

这样做的唯一真正方法是使用iframe或jQuery,如果您只想应用引导程序的特定元素,可能会编辑CSS规则,以便它们应用于不同的ID / Class。

例如,它显示body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; }

在bootstrap.css文件中,只需将其更改为阅读.bootbody(or#bootbody) { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; }

即可

Joseph Silber在this question中表示更好。