我正试图让一个Glyphicon出现在Rails应用程序中使用Bootstrap,但我无法弄清楚如何让它显示.我已经阅读了几个问题,试图通过修复路径来解决这个问题.然而,经过那些问题/答案后,我仍然被困在b/c上,不会出现glyphicon.
图像和样式表都位于相同的"Assets"目录中.当我检查Chrome中的元素时,我正在使用的HTML似乎正常工作,它正在找到适当的类,它正在链接到Bootstrap样式表.
HTML:
<p><%= link_to raw('<i class="icon-share-alt"></i>'), post %></p>
CSS(默认从Bootstrap EXCEPT我更新/ img到/ images b/c这是我的images目录被调用):
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
margin-top: 1px;
*margin-right: .3em;
line-height: 14px;
vertical-align: text-top;
background-image: url("../images/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
}
还有一条评论可能有所帮助.当我检查Chrome上的元素并将鼠标悬停在inspect元素部分右栏中的"../ images/glyphics ..."时,Chrome引用localhost:3000/assets /../ images/glyphicons-halflings.png as路径,这不是我的应用程序的根目录的正确路径.我怀疑这只是Chrome中的简写,但是,再一次,他们似乎不会引用正确的路径,除非这是我问题的根源.也就是说,我仍然不知道如何解决它.