我正在尝试在sharepoint网站中使用Bootstrap。不幸的是,CSS样式正在应用于模板的HTML,这对设计造成了相当大的影响。
我知道我想要的一切都受到引导程序的影响在#s4-workspace
之内 - 有没有人知道我可以用来将引导程序仅应用于该元素的子代的任何CSS技巧?
我不是在 shudder 下面重新编译包含它的LESS代码,如下所示:
#s4-workspace {
@import "reset.less"
// etc
}
但是,当然,如果可以,我想找到更好的解决方案。这种特殊方法似乎也不起作用。
我无法改变Sharepoint主站点的CSS。
欢迎任何建议!
谢谢,
答案 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中表示更好。