1

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

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

我并不害怕重新编译包含它的LESS代码,如下所示:

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

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

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

欢迎任何建议!

谢谢,

4

1 回答 1

0

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

例如,它说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 在这个问题上说得更好。

于 2012-10-26T08:44:16.777 回答