外部 CSS (例: Bootstrap ) をサイトにインポートしたい - 問題は、Bootstrap スタイルをページの特定の領域にのみ適用したいことです。Bootstrap を含めると、そのスタイルがページ全体に適用され、すべてのテーブル、div などのスタイルが変更されます。
Bootstrap をリージョンにのみ適用することは可能ですか (親の div などと言うのですか?)
ありがとう
外部 CSS (例: Bootstrap ) をサイトにインポートしたい - 問題は、Bootstrap スタイルをページの特定の領域にのみ適用したいことです。Bootstrap を含めると、そのスタイルがページ全体に適用され、すべてのテーブル、div などのスタイルが変更されます。
Bootstrap をリージョンにのみ適用することは可能ですか (親の div などと言うのですか?)
ありがとう
これを行う唯一の方法は、Bootstrap でスタイルを設定したいコンテンツ用に別の iframe を用意することです (Bootstrap CSS を編集し、外側の div のセレクターを EVERY ルールの先頭に追加する場合を除きます)。
HTML5 では新しい scoped 属性が導入されました。これはユース ケース用に特別に作成されたものですが、主要なブラウザのいずれにもまだ実装されていません。
jQuery を使用している場合 (Bootstrap の Javascript 機能はすべて jQuery に依存しているため、おそらくそうです)、Simon Madine の jQuery Scoped CSS pluginを試してみてください。
私はこれをローカルで試しただけで、徹底的なテストは行っていませんが、うまくいくようです。コンテンツの周りに div を作成し、ID を割り当てました。次に、周囲の div に割り当てた ID をすべてのブートストラップ セレクターの前に付けました。プレフィックスは、いくつかの検索と置換操作で行われました。少ない方がやりやすいかも
bootstrap.css の body セレクターは id に置き換える必要があり、他のセレクターのように接頭辞を付けないことを忘れていました。
独自のスタイルの前に Bootstrap をインポートします。そうすれば、必要に応じて独自のスタイルが Bootstrap によって行われた変更を上書きします。