開発中の Web サイトで Twitter Bootstrap を更新したところ、多くの場所でレイアウトが壊れました。
これらの場所の 1 つで、私は困惑しました。問題のページはhttp://softcircuits.com/client/spacingtest.htmで見ることができます。(これは元のサイトではなく、スクリプト エラーが発生しますが、レイアウトの問題が示されています。元のサイトにはアカウントが必要です。)
ページの最上部に 20 ピクセルの黒いバーがあり、そのすぐ下に画像があります。ただし、画像は上から約 22 ピクセルの位置に配置され、黒いバーのすぐ下に 2 ピクセルの余白が残されています。これをしばらく見た後でも、このマージンがどこから来ているのかまだわかりません。画像 (および側面の黒い領域) を黒いバーに合わせたいと思います。
Chromeでテストしています。ヒントをいただければ幸いです。