Google Chromeで正しく表示されないブートストラップドロップダウンメニュー - jquery、css、google-chrome、twitter-bootstrap、ドロップダウンメニュー

私はBootstrapを使ってウェブサイトを開発しましたが、これは立ち上げる準備ができていますが、先週、ドロップダウンメニューはChrome上のすべてのデータを適切に含んでいません：

http://demo.altru.co.uk

KS1とKS2をクローム上のトップナビゲーターに乗せてみてください。私はいくつかのマシンで試しましたが、同じ問題です。 FirefoxとInternet Explorerでうまく動作します。

簡単にするために、私はブートストラップに特別なスタイリングがないと言うことができます、それはちょうど標準的なので、私の質問は、それがクロムのバグか、クロームにのみ影響を与える私のコードの問題ですか？

みんな、ありがとう！

回答：

不思議なことに、これは max-width プロパティを <img> タグを追加します。あなたが "ただ使っていると仮定すると .pad5right メニューでは、ブートストラップによって設定された最大幅：100％ `を取り除くためにCSSを変更する必要があります：

.pad5right {
padding-right: 5px;
max-width: none;
}

どんなメニューでももっと一般的なスタイルはこれでしょう：

.dropdown-menu img {
max-width: none;
}

解決にはしばらく時間がかかり、Chromeのバグである可能性が非常に奇妙な問題です。