在导航栏中对齐twitter小部件

时间:2012-12-08 11:26:04

标签: html css twitter-bootstrap nav

我正在构建以下项目网站http://hpsfo.bitbucket.org,并希望将Twitter小部件添加为导航栏的一部分,以满足公告,项目更新,“新内容”等需求。添加推特时我碰到两个问题。

第一个问题是我找不到正确垂直对齐小部件的方法,即使我内联这样的样式<li style="vertical-align: middle;">,我该怎么做才能获得正确的中间垂直对齐?第二个问题是,在加载时,样式显示不正确,然后它“动态”加载正确的按钮样式,您可以通过刷新页面看到这种不需要的效果。我怎么能避免这个?

更新:第二个问题似乎与从twitter服务器远程加载js文件有关。我想我可以通过简单地将文件内联到我的项目网站来解决这个问题。

1 个答案:

答案 0 :(得分:1)

我认为你应该把

<li style="margin-top:10px;">

对于性能问题,尽可能多地将JS放到页脚中,以便JS在重要内容之后加载。