html - Bootstrap 中图标后内嵌显示的文本

Question

我坚持这个：

<span class="ViewsInfo">
<span>2100</span>
<icon class="icon-eye-open"></i>
</span>

在此变体中，文本显示在一行中的图标之前。但我需要文本位于图标之后并同时内联显示。不幸的是，当我这样编辑时：

<span class="ViewsInfo">
<icon class="icon-eye-open"></i>
<span>2100</span>
</span>

图标和文字融为一体，没有什么是清晰的。我为图标和 ViewsInfo 类尝试了不同的填充，但没有帮助。我哪里错了？

先感谢您。

编辑 大声笑。太神奇了:)。在大约 20 秒之后，我发布了这个想法，我想到了这个想法，我意识到代码是这样的

<span>
<icon class="icon-eye-open"></i>
</span>
<span class="ViewsInfo">2100</span>

希望我能进一步帮助别人。

Answer 1

尝试这个

<span class="ViewsInfo">
  <i class="icon-eye-open"></i> Edit
</span>

请参阅： http: //getbootstrap.com/2.3.2/base-css.html#icons

Answer 2

尝试这个

<span class="ViewsInfo">
  <icon class="icon-eye-open"/>
  <br/>
  <span>2100</span>
</span>