草庐IT

glyphicons

全部标签

html - 在 CSS : rails 4 + bootstrap 3 中使用 glyphicon 作为背景图片

我正在使用Bootstrap的collapse.js展开和折叠Rails应用程序中的一些输入组。我正在使用JS来确定组是否展开,并创建了CSS类来添加“+”或“-”以显示它是打开还是关闭:打开:关闭:正如您从CSS中看到的那样,我在图像中使用了png背景图像:.expandable{background:url('/assets/plus.png');padding-top:4px;width:400px;height:30px;background-repeat:no-repeat;padding-left:55px;display:block;}.expanded{backgrou

html - 如何在图像上叠加 Glyphicon

我无法理解如何分层Glyphicon(.glyphicon-放大)在Bootstrap.img-thumbnail上。css规则是-content:"\e015"; 最佳答案 HTML:CSS:.wrapper{position:relative;}.wrapper.glyphicon{position:absolute;top:20px;left:40px;}http://jsfiddle.net/idmean/7672Lt7L/1/很甜,不是吗? 关于html-如何在图像上叠加Gly

html - BootStrap Glyphicon 显示问题

我尝试了多种方法。Glyphicon不加载。我错过了什么或者我在哪里犯了错误?我现在一头雾水我经历了这个答案:Answer静止图标只是没有出现。并且我的浏览器控制台没有错误。只有返回状态为200的Xhr请求。HTML:@ViewBag.Title@*Header*@APPLICATION|Login@*Leftpanel*@@*Body*@@RenderBody()@*RightPanel*@这是我的文件夹结构:非常感谢您的帮助,谢谢:)P.s.:我处于Bootstrap的初始级别。 最佳答案 文件夹结构:在索引页中附加外部文件:检

javascript - 我应该如何归因于 Twitter bootstrap 的 glyphicons 组件?

在GitHub的TwitterBootstrap页面上BaseCSSpage'ssectiononicons是这样说的:GlyphiconsHalflingsarenormallynotavailableforfree,butanarrangementbetweenBootstrapandtheGlyphiconscreatorshavemadethispossibleatnocosttoyouasdevelopers.Asathankyou,weaskyoutoincludeanoptionallinkbacktoGlyphiconswheneverpractical.这种归因是否应

jquery - Bootstrap twitter glyphicon 阴影 css

任何人都可以帮助我让一些bootstrapglyphicons按钮看起来正确吗?我试图在CSS中为它们添加一些阴影,但阴影围绕着按钮,而不是图标本身。有没有办法在图标周围制作阴影(或至少是图标的形式)?谢谢,亚历克斯 最佳答案 由于图标是使用自定义字体呈现的,因此您必须使用text-shadow:.glyphicon{text-shadow:005pxred;}Demofiddle 关于jquery-Bootstraptwitterglyphicon阴影css,我们在StackOverf

html - Bootstrap Glyphicon 作为按钮

假设我想使用一个字形作为表单的提交按钮。我该怎么做呢?详细来说,我不想要传统按钮的“可见”元素。只是一个字形图标,因为它通常会出现在文本中。我试过使用和对于glyphicon类,并且(正如人们所期望的那样),没有运气。 最佳答案 您可以使用.btn-link类让按钮显示为文本链接:...看到这个demofiddle 关于html-BootstrapGlyphicon作为按钮,我们在StackOverflow上找到一个类似的问题: https://stackov

html - 减少 Glyphicon 的重量

有没有办法减轻Glyphicons的“重量”?我正在使用“ok”字形显示如下:有没有办法在不减小字体大小的情况下减少重量以产生更细的刻度?更改font-weight至lighter没有任何影响。 最佳答案 使用白色描边是一种方法-webkit-text-stroke:2pxwhite; 关于html-减少Glyphicon的重量,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/42

html - 如何在不使用 Bootstrap CSS 的情况下包含 Glyphicons

我的客户端元素使用了一些基本的HTML和CSS。但他们喜欢网站菜单上的Glyphicons。所以我只是尝试将Glyphicons包含在BootstrapCSS中,确实如此,但是在包含BootstrapCSS后其他css受到了影响。所以这个问题可能很愚蠢,我只想在没有bootstrapcss的情况下在客户端网站菜单链接中包含Glyphicons。首先可以吗?我知道Glyphiconsfree将随BootstrapPackage一起提供。另外,我的客户不希望我包含BootstrapCSS,因为它会影响页面结构。那么是否可以在没有Bootstrapcss或我自己的自定义css的情况下包含Gl

html - 如何将 Bootstrap Glyphicon 放入 asp :Button in ASP.Net 中?

我在我的项目中使用Bootstrap3,我想在ASP.net按钮中使用BootstrapGlyphicons。这是我使用的代码,虽然没有成功(我得到了一个使用TwitterBootstrap标签而不是标签的示例):"onclick="btnRandom_Click"/>也许应该做一些额外的事情。我怎样才能让它工作?预先感谢您的回复。 最佳答案 您必须使用asp:LinkBut​​ton而不是asp:Button,以下是我使用Bootstrap3的方式在ASP.NET网络应用程序中:根据您的代码,您可以完成以下工作:这是我使用带有文本

ios - Bootstrap 3.0.3 glyphicons 在 iOS 7 上显示表情符号

我使用Bootstrap3.0.3字形图标。在桌面浏览器和Android设备上一切正常。我的问题是关于Apple设备(在运行iOS7的iPhone和iPad上测试过)。字形看起来像表情符号。我发现了一些问题,但没有回答我的问题。这里是查看截图的链接:http://www.fredericblancheton.fr/imgdisallow/image.png感谢您的帮助。 最佳答案 我有一个类似的问题,但只有在通过font-face包含另一种字体时才会出现在样式表中。似乎移动safari或safari通常有一个非常短的加载字体的超时时