まず第一に、誰かがこの質問を「正確なコピー」として閉じる前に、私はサイトを検索して回答しましたが、役立つものは見つかりませんでした:)
フロントページにBootstrapソーシャルバーのようなソーシャルバーがあるWebページがあります。私のサイトでは、サイト テンプレートとしてBootstrapを使用しています。
ソーシャルボタンに関する私の問題。Google+、Twitter、Facebook ボタンを追加しましたが、正しく配置するのに苦労しています... Facebook ボタンのおかげです。
私が使用しているコードは、3 つのソーシャル ネットワークの公式コードとまったく同じで、各ボタンを の に配置しまし<li>た<ul>(例については、 Bootstrapのフロント ページを参照してください)。注: わかりやすくするために、背景色とパディングを追加しました。
その結果が下の画像です (IE のスクリーンショット)。Google+ と Twitter はうまく機能しますが、Facebook は物事を難しくします... それともその逆ですか?
テストに使用したすべてのブラウザー (IE、Firefox、Chrome、Opera) で同じ動作です。
更新: このFiddleにアクセスして、例を確認してください。