Twitter bootstrap 移动字体图标

这是我关于stackoverflow的第一篇帖子：） 我是一名网页设计专业的学生，很有天赋，但很热情。我试着用bootstrap和字体很棒的图标创建一个网站，但我不知道如何“稍微”移动这些图标中的一个。我的代码是：

<div class="col-md-4">
    <span class="fa-stack fa-4x">
        <i class="fa fa-circle fa-stack-2x text-primary"></i>
        <i class="fa fa-pencil-square-o fa-stack-1x fa-inverse"></i>
    </span>
    <h4 class="service-heading">Lorem ipsum</h4>
    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
</div>

乱数假文
Lorem ipsum door sit amet，concetetur adipising elit。最小值最大值建筑设计师“发明者”的名言

如你所见，如果我能把铅笔图标移到右边一点，那就太好了。可能吗？ 多谢各位

---

Alessandro

编辑font-awesome.css文件，为其提供更多样式说明。在本例中，您正在查找该文件中控制铅笔图标的行。您可以这样做：

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
  *margin-left: 8px;*
}

---

利用边距值来获得您想要的准确信息。

您能澄清一下吗？您是否试图将对象更向右对齐？或者您正在尝试将带有动画的对象向右移动？我已经尝试过，但似乎没有任何变化：（我放了10或100px，但图标仍然没有移动o.ODONE！我尝试过修改同一个项目，但是使用了字体-awesome.min.css，一切都很好！为什么会有这种差异？无论如何，非常感谢你的帮助！！我尝试过用另一个图标做同样的事情：代码。在这里，它不起作用，无论是在min.css还是在e classic font--awesome.css.fa代码：在{内容：“\f121”；页边距底部：10px；}CSS的.min版本是一个缩小版。根据您的站点的设置方式和缩小文件的生成方式，将决定您需要编辑哪个文件。根据您使用铅笔图标的成功程度，您似乎找到了要编辑的文件。您试图用代码图标做什么？Hi@khilley，t谢谢你的回答！事实上，你只能在两个方向上移动这些图标，而不是在每个方向上：）你可以在一秒钟内尝试一下，只需在这里下载模板，并尝试在每个方向上移动服务部分中那些字体很棒的图标！