标签: glyphicons

我们有一个处于后期开发阶段的项目.它有自己的css文件,有很多很多类,而不包含在内.该css的原始开发者不再可用.

我们只是将类和样式添加到单个文件中.

需要一个漂亮的图标集,而bootstrap正是我们所需要的.我已经尝试将bootstrap包含到我们的项目中,但是当我这样做时,它是一团糟.我想,一切都在发生冲突.

有没有办法包括像简约引导程序,只包括glyphicons类？

我想添加一个Twitter bootstrap glyphicon来替换下面CSS文件中的图像引用,虽然不知道如何.

.edit-button {
  background: url('../img/edit.png') no-repeat;
  width: 16px;
  height: 16px;
}

在HTML中我会添加如下:

<i class="icon-search icon-white"></i>

有任何想法吗？

更新 - 尝试以下虽然它只显示Firefox的firebug中的宽度和高度:

.edit-button
{
  /* background: url('../img/edit.png') no-repeat; */
  background: url(../img/glyphicons-halflings.png) no repeat -96px -72px !important;
  width: 16px;
  height: 16px;
}

不知道为什么它没被拿起来？

我正在使用twitter bootstrap 3.2.0,我使用了一些字形,它们在ff,chrome和opera中正常工作,但它们不会在Internet Explorer中显示.

奇怪的是,如果我打开getbootstrap.com网站并查看"组件"部分,即使在那里它们也没有正确显示,所以我怀疑任何实施问题都在我身边.

还有其他人有类似的问题吗？或者是了解这种行为？

这是一个关于它在我的Internet Explorer 11中的外观的Scrennshot

http://we.tl/nsDnTiZqoZ

我需要让用户在我的ui中选择Bootstrap 3 glyphicons的子集.

我试过这个:

<select class="form-control">
  <option><span class="glyphicon glyphicon-cutlery"></span></option>
  <option><span class="glyphicon glyphicon-eye-open"></span></option> 
  <option><span class="glyphicon glyphicon-heart-empty"></span></option>
  <option><span class="glyphicon glyphicon-leaf"></span></option>
  <option><span class="glyphicon glyphicon-music"></span></option>
  <option><span class="glyphicon glyphicon-send"></span></option>
  <option><span class="glyphicon glyphicon-star"></span></option>
</select>

但是我得到的只是空白.任何帮助或替代建议赞赏.

请看一下这个附带的截图.这是我的PhoneGap测试应用程序 - 采用Galaxy S4.

您应该看到铃声,书签,公文包和相机图标(以及更多)未按预期显示.

以下是我的观察:

1. 所有图标都可以在PC和移动设备上的浏览器(chrome,safari)中正确显示
2. 所有图标都可以在ios的同一个应用程序中正确显示(在iphone/ipad,ios7中检查)

"问号"只能在Android应用中看到.

有谁知道原因？

我正在挖掘'Bootstrap 3中的Glyphicons,但看起来他们并非全都在那里!我真的很想使用建筑图标,但谷歌搜索并没有发现任何东西.

有谁知道如何将缺少的Glyphicons添加到Bootstrap 3？

我试图将我的FontAwesome图标集中在我的Twitter Bootstrap代码中.

这是我的HTML:

<div id="frontpage-content" class="content">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <span>
                    <i class="fa fa-camera-retro fa-5x"></i>
                </span>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, inventore, ipsa dolorum laborum sit alias iusto nam quibusdam ad distinctio rerum expedita autem itaque delectus iste mollitia perferendis sint libero accusamus
                        in. Enim, natus necessitatibus pariatur optio explicabo consequuntur quod!</p>
            </div>
            <div class="col-lg-4">
                <i class="fa fa-camera-retro fa-5x"></i>
                <p>Ut, aliquid, aperiam, veniam modi voluptates maiores nesciunt libero fugiat illum recusandae cum similique et …

我想在我的angular2应用程序中使用bootstrap glyphicons.我已经使用命令npm install bootstrap安装了bootstrap --save我的代码片段是

 <button *ngIf="pos.name == uname" type="button" class="btn btn-default       btn-sm delete" (click)="DeleteBulletin();">
   <span class="glyphicon glyphicon-trash glyph"></span>  Delete
 </button>

我在我的styleUrls-styleUrls中包含了bootstrap:['node_modules/bootstrap/dist/css/bootstrap.min.css','app/home.component.css']

glyphicon如图所示 -

我想删除Bootstrap 3 Glyphicons以支持Font Awesome.由于Font Awesome已包含大部分Glyphicons,因此不希望包含它们并避免重复和兼容性问题.

当我进行自定义bootstrap下载并取消选中glyphicon组件时,我仍然会在css文件中看到一些glyphicon引用.http://getbootstrap.com/customize/

如何完全禁用这些图标？

谢谢

我的客户端项目使用一些基本的HTML和CSS.但他们喜欢网站菜单上的Glyphicons.所以我只是尝试将Glyphicons包含在Bootstrap CSS中,但确实如此,但其他css在包含Bootstrap CSS后受到影响.

所以这个问题可能很愚蠢,我只想在没有bootstrap css的客户端网站菜单链接中包含Glyphicons.

这有可能先行吗？我知道Glyphicons free将与Bootstrap Package一起提供.

而其他的事情是我的客户不希望我包含Bootstrap CSS,因为它影响页面结构.

那么可以包含没有Bootstrap css的Glyphicons或我自己的自定义css吗？

任何帮助,将不胜感激!