BootstrapとBloggerのbundle_v2.cssの干渉

W-ZERO3(WS003SH) 覚書 (https://ws003sh.blogspot.com/)で使っていた「シンプル」テーマをついにやめて、スクラッチテーマに移行しました。
今までは「シンプル」テーマをレスポンシブ化するだけで十分かなと思っていたのですが、

関連

• 「シンプル」テーマ をレスポンシブ化する

色々考えていたんですがまずはこのブログで

Bootstrapを使って管理を楽にしようというのと、レガシーテーマから最小限のCSS等で移行するのが課題
(実際世に出回っているテンプレートは結構弄り回されているので)

Bootstrapを利用したレガシーテーマは
https://blogger-template-built-for-bootstrap.blogspot.com/ で用意していたので、一部をマージするだけだったのですが

Simple等のテーマは bundle_v2.css を読み込んでいるんですよね
これがBootstrapのnavbarと干渉します

読み込まれてたの

https://www.blogger.com/static/v1/widgets/3566091532-css_bundle_v2.css
これって人によって割り振られているのがやっぱり違うのかな(URL)

仕方がないので、Blogger標準のウィジェットCSSを無効にして、内部CSSに記載して

該当部分

body .navbar{height:30px;padding:0;margin:0}body .navbar .Navbar{position:absolute;z-index:10;left:0;width:100%;margin:0;padding:0;background:none;border:none}

を削除しました

予め無効にする前提でCSSの用意もしたいところですが、面倒かな