离子标签式幻灯片框图标未对齐

Question

此处显示的图标： http://ionic-sarav.rhcloud.com/ionic/tabbedSlideBox/default.html#/工作正常，但如果我复制粘贴 整个 代码并将其复制粘贴到我的index.html我当地的Ionic项目中已创建 - 图标未对齐。

[截图] [] 1

事情是，在index.html旁边 - 我真的没有改变任何事情，所以我不确定是什么导致它：

1. 呈现后<a>代码为text-align: center（＆＃34;计算＆＃34;在Firebug中）
2. 虽然Ionic版本可能过时/太新，但1.1.1版在演示网址中效果不错1.0.0。

需要注意的另一件事是演示中的代码：

<style>
    .slider-slide h3{
        color:#fff;
        margin-top:10px;
    };
    .scroll{ height:100%;};
</style>

应该标题＆＃34;游戏内容＆＃34;白色...但它没有影响它。

澄清我的调试

结帐我的plunker例如：http://plnkr.co/edit/3wLO3MNgeMOESSBRA0Vp?p=preview （代码与上面链接中的GitHub示例完全相同，只是我玩Ionic版本，看看我是否有一个过时的Ionic版本）

在我的服务器中，我做了：

> I created a new Ionic project, bower.json:
  "ionic": "driftyco/ionic-bower#1.1.1"
> I edited files under www
> In www/index.html - I copy pasted the content of index.html from the Plunker
> Plunker works OK, but in my server I have Icons aligned to the left vs centered

有什么想法吗？