Octopressのコード表示の行番号のズレを直す


私のブログで、コード表示をすると、行番号がずれて表示されていた。

検索しても情報が出ないので困り果てていたが、ふとWebインスペクタを見ると、bootstrap.cssがsyntax.cssと干渉しているのが原因だと判明した。

方法

bootstrap.cssのcode,pre{}に、font-size:12px;なる箇所があるので、これを削除すれば良いです。

余談

(スクリーンショットですが、pngoutで圧縮した後、7pngで再圧縮することでわずかながらより小さい画像を作成できました)