это главная страница моего блога http://www.lowcoupling.com это Tumblr блог на основе Twitter Bootstrap , как вы можете видеть, я просто разместил кнопку щебета в правой части нав бар сразу после кнопки google plus. Я не понимаю, почему, когда кнопка загружается связанным скриптом, она помещается в верхнюю часть панели, а не на одну и ту же высоту кнопки плюс.положение кнопки щебет в твиттер-начальной загрузки навигационной панели
ответ
Есть несколько стилей, применяемых бутстрапом на nav> элементах. Полученная метка google + находится внутри тега ссылки. Другой - нет. Одним из быстрых решений является включение сценария второй метки (твиттера) внутри тега ссылки.
<li><a> <---
<a href="https://twitter.com/lowcoupling" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false">Follow @lowcoupling</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</a></li> <----
UPDATE Сценарии не учитывает ссылки тег как контейнер, так что выше не будет работать. Взлом, который будет работать, - это дать свой тег li, <li style="padding: 14px 15px;"></li>
. Но самое лучшее, что вы можете сделать, это проверить стиль> стилей в bootstrap css и скопировать их в собственный класс, который вы передадите в контейнер iframe.
У меня просто была эта неприятная проблема. Я установил его, давая мой якорь идентификатор, а затем с помощью JQuery для перемещения Twitter визуализации вещи в мой якорь:
<ul class="nav navbar-nav navbar-right">
<!-- Note the ID I put on the link -->
<li><a href="#" id="twitter-fix">
<a href="https://twitter.com/Whatever" class="twitter-follow-button" data-show-count="false">Follow @Whatever</a>
<script>
!function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');
// Custom fix here
$(".nav .twitter-follow-button").detach().appendTo("#twitter-fix");
</script>
</a></li>
<li><a href="#">Other link</a></li>
</ul>
Мое решение было проще - добавить строку над кнопкой щебет, и установить высоту с помощью Font- размер. Это был код в моем style.css:
#twitter-fix {
font-size: 7px;
}
И это было в моей навигационной панели (обратите внимание на бр тег):
<ul class="nav navbar-nav navbar-right">
<li id="twitter-fix"><br>
<a href="https://twitter.com/UserName" class="twitter-follow-button"
data-size="large" data-show-count="false">Follow @UserName</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</li>
</ul>
- 1. Как изменить положение кнопки в навигационной панели
- 2. Hidden Площадь под щебет навигационной панели
- 3. Неправильное положение добавляемой кнопки в Bootstrap по умолчанию навигационной панели
- 4. Как отрегулировать вертикальное положение кнопки в навигационной панели?
- 5. Пользовательское изображение в навигационной панели, скрывающей пользовательские кнопки навигационной панели
- 6. Ввод навигационной панели в точное положение
- 7. Центр начальной загрузки навигационной панели
- 8. Положение навигационной панели для модального просмотра - iOS7
- 9. Фиксированное положение горизонтальной навигационной панели, которая отключается
- 10. Android - Как изменить положение навигационной панели программно
- 11. Переход в начальной загрузки навигационной панели
- 12. предел ширины в начальной загрузки навигационной панели
- 13. Как изменить цвет кнопки в навигационной панели?
- 14. Bootstrap: а кнопки разрешены в навигационной панели
- 15. Радио кнопки в навигационной панели бутстрага
- 16. Ионные: две кнопки в навигационной панели
- 17. Цвет кнопки в навигационной панели - iPhone
- 18. Новое действие от кнопки в навигационной панели
- 19. Проблема проектирования начальной загрузки навигационной панели
- 20. Изменить название кнопки панели в навигационной панели UIImagePickerController
- 21. Logo выше начальной загрузки навигационной панели
- 22. Наличие кнопки редактирования UITableView вне навигационной панели
- 23. Невозможно изменить название кнопки заголовка навигационной панели
- 24. Установки навигационной панели кнопки назад изображение
- 25. Положение кнопки в панели со свитком
- 26. Вопросы о навигационной панели
- 27. Настройка кнопки повторного использования навигационной панели для левой кнопки
- 28. Логика навигационной панели CakePHP
- 29. Задержка навигация навигационной панели
- 30. элементы панели кнопок прозрачной навигационной панели «s
Я пробовал, но он по-прежнему не работает – lowcoupling
Да, добавляет iframe после тега ссылки. Позвольте мне проверить его еще немного. – alkis
Это теперь по умолчанию заблокировано в Firefox. – danger89