移动字体真棒图标

Question

这是我在 Whosebug 上的第一个 post:) 我是一名网页设计专业的学生，非常菜鸟，但非常热情。我试图使用 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>

正如您在此处看到的那样 http://imgur.com/zWwXnN2 如果我可以将铅笔图标向右移动一点就更好了。可能吗？非常感谢

亚历山德罗

Answer 1

编辑 font-awesome.css 文件以提供更多样式说明。在这种情况下，您要查找该文件中控制铅笔图标的行。你可以这样做：

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

尝试调整边距值以获得您正在寻找的内容。

移动字体真棒图标

Moving a font awesome icon

twitter-bootstrap

font-awesome