Glyphicons没有全部显示，而且显示的尺寸很小

Question

我跟着these steps（接受了答案）在RoR中使用Bootstrap 3（特别是我在我的RoR应用程序中使用Bootstrap 3.3.6），它在各方面都很完美，除了glyphicons，问题我与glyphicons一起使用的是，我可以想象它们的50％，即使显示的那些具有非常小的尺寸。

我该如何解决这个问题？

html.erb中的代码

  </div>
</nav>

<i class="glyphicon glyphicon-plus"></i>
<i class="glyphicon glyphicon-pencil"></i>

<div class="container">
  <h1>Instituciones</h1>

查看：

Answer 1

Nifty glypihicon scaling

Glyphicon大小继承自spans文本。轻松使用glyphicons的一种方法是在.css中定义一组缩放器

/* Glypicons sizing */
.gi-1-5x{font-size: 1.5em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}
.gi-7x{font-size: 7em;}
.gi-10x{font-size: 10em;}

等...

<强>用法

<span class="glyphicon-plus gi-2x" aria-hidden="true"></span>
<span class="glyphicon-pencil gi-10x" aria-hidden="true"></span>

Answer 2

在你的打印屏幕上，我可以看到两个图标（加上铅笔），它们太小了... glyphicon是一种字体，所以你可以用css增加尺寸：

.glyphicon {
  font-size: XXXXpx;
}