这是我的博客的主页http://www.lowcoupling.com这是一个基于twitter引导的tumblr博客,您可以看到我刚刚将twitter按钮放在导航栏的右侧,紧跟在google plus之后按钮。我不明白为什么,当按钮加载相关脚本时,它放置在栏的顶部而不是加号按钮的相同高度。
引导程序在nav> a元素上应用了一些样式。产生的google +标签位于链接标签内。另一个不是。一种快速的解决方案是将第二个标签(twitter)的脚本包含在链接标签中。
<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> <----
更新脚本不将链接标记视为容器,因此上述内容不起作用。一种可行的破解方法是给您的li标签,<li style="padding: 14px 15px;"></li>
。但是最好的办法是在bootstrap css中检查nav> a样式并将其复制到您自己的类中,然后将其提供给iframe的容器。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句