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 ファイルで、 read に変更するだけです。.bootbody(or#bootbody) { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; background-color: #ffffff; }

ジョセフ・シルバーは、この質問でそれをよりよく言いました。

于 2012-10-26T08:44:16.777 に答える