使用bootstrap.css作为内容脚本会扭曲gmail UI？

Question

我正在gmail中注入bootstrap模式。为此，我需要bootstrap.css。我将其添加到content_scripts

中的manifest.json下

"content_scripts": [
    {
      "matches": ["https://mail.google.com/*"],
      "css":["lib/bootstrap/dist/css/bootstrap.css",
             "css/modal.css"
             ],
      "js": [ "lib/jquery/jquery.min.js",
              "lib/bootstrap/dist/js/bootstrap.min.js"
             ],
    "run_at":"document_end"
    }

但它减少了字体大小并扭曲了菜单栏

当我删除css文件时，一切看起来都很好。

还有一个问题：bootstrap使用字形但未显示，因为扩展程序会在以下字体中查找这些字体：

https://mail.google.com/mail/u/fonts/glyphicons-halflings-regular.ttf

https://mail.google.com/mail/u/fonts/glyphicons-halflings-regular.woff

我也将这些文件添加为web_accessible_resources。但他们仍然没有工作