Конфликтующий CSS

Question

Я пытаюсь использовать Bootstrap внутри сайта sharepoint.К сожалению, стили CSS применяются к HTML-шаблону, который изрядно портит дизайн.

Я знаю, что все, что я хочу, влияет на загрузку, находится в пределах #s4-workspace - кто-нибудь знает какие-нибудь приемы CSS, которые я могу использоватьприменить начальную загрузку только к дочерним элементам этого элемента?

Я не ниже дрожь перекомпиляция кода LESS, заключающего его в код:

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

Но, естественно,Я хотел бы найти лучшее решение, если смогу.Этот конкретный подход также, похоже, не работает.

Я не могу изменить CSS главного сайта Sharepoint.

Любой совет приветствуется!

Спасибо,

Answer 1

Единственный реальный способ сделать это - использовать iframes или 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; }

Джозеф Силбер сказал, что лучше в этом вопросе .