Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/66.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 字形图标没有全部显示,显示的图标尺寸很小_Css_Ruby On Rails_Twitter Bootstrap 3_Glyphicons - Fatal编程技术网

Css 字形图标没有全部显示,显示的图标尺寸很小

Css 字形图标没有全部显示,显示的图标尺寸很小,css,ruby-on-rails,twitter-bootstrap-3,glyphicons,Css,Ruby On Rails,Twitter Bootstrap 3,Glyphicons,我遵循(接受的答案)在RoR中使用Bootstrap 3(特别是我在RoR应用程序中使用Bootstrap 3.3.6),它在各个方面都非常完美,除了GlyphIcon,GlyphIcon的问题是,我可以将其中的50%可视化,即使显示的图标尺寸非常小 我怎样才能解决这个问题 html.erb中的代码 </div> </nav> <i class="glyphicon glyphicon-plus"></i> <i class="glyp

我遵循(接受的答案)在RoR中使用Bootstrap 3(特别是我在RoR应用程序中使用Bootstrap 3.3.6),它在各个方面都非常完美,除了GlyphIcon,GlyphIcon的问题是,我可以将其中的50%可视化,即使显示的图标尺寸非常小

我怎样才能解决这个问题

html.erb中的代码

  </div>
</nav>

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

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

学院
查看:


在您的打印屏幕上,我可以看到两个图标(加上铅笔),它们太小了。。。glyphicon是一种字体,因此您可以使用css增加大小:

.glyphicon {
  font-size: XXXXpx;
}
灵巧的水晶鳞片 Glyphicon大小继承自它所跨越的文本。轻松使用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>


这个问题有很多问题。你没有提供任何上下文代码,你的屏幕截图和问题描述冲突(“[…]Glypicon plus没有显示任何内容”,但它在屏幕截图中清楚地显示出来)。@AndréDion哦,是的,对不起,Glypicon plus工作正常,我被另一个弄糊涂了