機能の一部にブックマークレットを使用するアプリを作成しています。ブックマークレットはかなり UI が重いので、Twitter Bootstrap フレームワークを利用したいと考えていました。ただし、私が行った調査によると、名前の衝突によって元のサイトが壊れないように、CSS を慎重に作成する必要があるようです。
私が想像できる解決策の 1 つは、Bootstrap ですべての CSS を調べて、長い一意の ID を先頭に追加し.column、css セレクターが のようになるようにすることです#my_app_00234 .column。これは非常に扱いにくいようで、Bootstrap Javascript を壊す可能性があり、使用する Bootstrap コードを変更した場合 (おそらく CSS を再構成して別のマージンと色を使用するため) やり直す必要があります。
また、HTML5 には CSS の名前空間を作成する機能があることもわかりましたが、ブラウザーのサポートはそれほど広くなく、ある程度の IE をサポートする必要があります。
何か案は？