7

外部 CSS (例: Bootstrap ) をサイトにインポートしたい - 問題は、Bootstrap スタイルをページの特定の領域にのみ適用したいことです。Bootstrap を含めると、そのスタイルがページ全体に適用され、すべてのテーブル、div などのスタイルが変更されます。

Bootstrap をリージョンにのみ適用することは可能ですか (親の div などと言うのですか?)

ありがとう

4

3 に答える 3

8

これを行う唯一の方法は、Bootstrap でスタイルを設定したいコンテンツ用に別の iframe を用意することです (Bootstrap CSS を編集し、外側の div のセレクターを EVERY ルールの先頭に追加する場合を除きます)。

HTML5 では新しい scoped 属性が導入されました。これはユース ケース用に特別に作成されたものですが、主要なブラウザのいずれにもまだ実装されていません。

jQuery を使用している場合 (Bootstrap の Javascript 機能はすべて jQuery に依存しているため、おそらくそうです)、Simon Madine の jQuery Scoped CSS pluginを試してみてください。

于 2011-11-11T17:23:57.530 に答える
3

私はこれをローカルで試しただけで、徹底的なテストは行っていませんが、うまくいくようです。コンテンツの周りに div を作成し、ID を割り当てました。次に、周囲の div に割り当てた ID をすべてのブートストラップ セレクターの前に付けました。プレフィックスは、いくつかの検索と置換操作で行われました。少ない方がやりやすいかも

bootstrap.css の body セレクターは id に置き換える必要があり、他のセレクターのように接頭辞を付けないことを忘れていました。

于 2012-10-17T18:40:37.297 に答える
3

独自のスタイルの前に Bootstrap をインポートします。そうすれば、必要に応じて独自のスタイルが Bootstrap によって行われた変更を上書きします。

于 2011-11-11T17:31:06.923 に答える