Bootstrap：锚点与 i 类答案

【问题标题】：Bootstrap : anchor with i classBootstrap：锚点与 i 类
【发布时间】：2013-07-15 21:18:57
【问题描述】：

我正在使用 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>

有什么线索吗？

【问题讨论】：

anchor() 是你定义的函数还是什么？
嗯，我忘了说我正在使用 CodeIgniter，anchor 创建一个基于本地站点 URL 的标准 HTML 锚链接：example.com">Click Hereanchor(uri 段, 文本, 属性)
从该函数生成的确切 html 是什么？
127.0.0.1/mywebsitename/index.php/…>

【解决方案1】：

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

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

这也应该解决对齐问题。

【讨论】：