Прежде всего, и прежде чем кто-то закроет этот вопрос как «точная копия», я искал на сайте ответ и не смог найти ничего, что могло бы помочь :)
У меня есть веб-страница с социальной панелью, которая выглядит как социальная панель Bootstrap на их главной странице. Мой сайт использует Bootstrap в качестве шаблона сайта.
Моя проблема с социальными кнопками. Я добавил кнопку Google+, Twitter и Facebook, и теперь мне трудно правильно настроить... благодаря кнопке Facebook.
Код, который я использую, является точно таким же официальным кодом из 3 социальных сетей, и я поместил каждую кнопку в <li>
из <ul>
(опять же, обратитесь к Bootstrap для примера на первой странице). Примечание. Я добавил цвет фона и отступы, чтобы все было понятно.
Результатом этого является изображение, которое вы видите ниже (скриншот из IE). Google+ и Twitter хорошо работают, в то время как Facebook усложняет ситуацию... или все наоборот?
Это то же самое поведение во всех браузерах, которые я использовал для тестирования (IE, Firefox, Chrome и Opera).
ОБНОВЛЕНИЕ. Посетите этот Fiddle, чтобы увидеть пример.