Bootstrap：用i类锚定

Question

我正在使用twitter Boostrap，我的导航栏就是这样：

<li><a href="#"><i class="icon-bar-chart"></i>
   <span class="hidden-tablet">MyTitle</span></a>
</li>

当我尝试用锚替换href时，我的Bootstrap图标不再与MyTitle对齐（不在同一行上）。

这是我尝试过的：

<li><?php echo anchor('mycontroler','MyTitle')?><i class="icon-bar-chart"></i>
   <span class="hidden-tablet"> </span>
</li>

任何线索？

Answer 1

在第二个代码块中，图标位于锚标记之外。要复制第一个块中的代码，您应该：

<li><?php echo anchor('mycontroler','<i class="icon-bar-chart"></i>
    <span class="hidden-tablet">MyTitle</span>')?>
</li>

这也应解决对齐问题。