Css 字形图标没有全部显示,显示的图标尺寸很小
我遵循(接受的答案)在RoR中使用Bootstrap 3(特别是我在RoR应用程序中使用Bootstrap 3.3.6),它在各个方面都非常完美,除了GlyphIcon,GlyphIcon的问题是,我可以将其中的50%可视化,即使显示的图标尺寸非常小 我怎样才能解决这个问题 html.erb中的代码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
</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工作正常,我被另一个弄糊涂了