标签: glyphicons

我尝试在搜索表单旁边放置一个搜索图标,但它无法正常工作.我在这里尝试了一些解决方案但没有一个可行 我该怎么办？

这是源代码

<div class="col-sm-3 col-md-3 pull-right">
    <form class="navbar-form" role="search">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
            <div class="input-group-btn">
                <button class="btn btn-default" type="submit"><i class="glyphicon-search"></i></button>
            </div>
        </div>
    </form>
</div>

在Bootstrap 3.2.0中,社交字形如:facebook,twitter,youtube等都缺失了.

我在哪里可以找到这些图标？

在早期版本的bootstrap中,以下类用于这些图标:fa fa-facebook fa fa-twitter fa fa-google-plus fa fa-youtube

我想标题告诉了一切.在我正在使用的bootstrap 3中设置的glyphicon图标中不存在引用图标.我知道我可以使用单独的图像,但这意味着会产生额外的请求,而且图像也不会是矢量图.所以我想知道可能有更优雅的方式吗？

我希望文本以glyphicon为中心.我尝试了几个css标签但是徒劳无功.以下是我的HTML

<table>
    <tr>
        <td rowspan="4"> 
            <span class="glyphicon glyphicon-bookmark"></span>
            <span>2</span>
        </td>
        <td>John Oliver</td>
    </tr>
</table>

我正在使用pdfmake开发一个用于打印的webapp.在最近的几天里,我开始在我的项目中使用Glyphicons和Font-Awesome-Icons,现在我也需要打印输出中的那些.

但我无法想象实现这一目标的最佳方法是什么.

我看到两种可能性:

1. 在pdfmake中包含相应的Font,并创建类似map的地图,通过它的类名确定Icons字体表示(因为这是应用程序中使用的).在这种情况下,我仍然可以使用图标的字体颜色

2. 我可以使用像phantomJS这样的东西来生成图标的图像,但我真的不喜欢这个想法,因为我会失去轻易改变图标颜色的可能性,我将不得不以某种方式维护这个图片集.

任何想法,评论或解决方案？我真的很感激 :)

我想替换X用glyphicon-trash.

我X用作linktext.Which用于删除项目.如何用glyphicon替换.

这是我的代码

 @Html.ActionLink(
                     "X",
                     "Delete",
                     "Grocery",
                     new { GroceryUsageID = item.GroceryUsageID, GroceryId = item.GroceryID },
                     new { @onclick = "return confirm('Are you sure you want to delete this Grocery');"})

在TinyMCE的代码(源代码)编辑器中,当我想用类添加一些span或i元素时(例如,当我想添加Font Awesome图标时) - TinyMCE删除了类.例如,如果我想添加:

<span class="fa fa-university"></span>

最后我会:

<span></span>

此外,在源代码编辑器中我尝试添加<i class="fa fa-university"></i>但问题是相同的 - 类被TinyMCE(<i></i>)删除.

我正在使用TinyMCE v4.4.1,这些是我的设置:

tinymce.init({
    selector: '#body',
    height: 500,
    theme: 'modern',
    plugins: [
        'advlist autolink lists link image charmap preview hr anchor pagebreak',
        'searchreplace wordcount visualblocks visualchars code fullscreen',
        'insertdatetime media nonbreaking save table contextmenu directionality',
        'emoticons template paste textcolor colorpicker textpattern codesample fontawesome noneditable'
    ],
    toolbar1: 'insertfile undo redo | formatselect fontselect fontsizeselect fontawesome',
    toolbar2: 'bold italic underline strikethrough …

我使用了这个AngularUI日历

我想添加像这样的图标(Bootstrap glyphicons)

请帮忙,

谢谢

我不知道为什么，但是我的Bootstrap（3.3.7）字形不见了，它们被一个正常且丑陋的正方形所替代。这是调用缺少的字形图标的代码示例：

        <button type="button" class="btn btn-default">
          <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
        </button>

这是包含glyphicon字体的Bootstrap部分：

 @font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

我试图用一行<a>和下划线加下划线<span>

我希望这一切都是带下划线的链接.它在单词和跨度之间留下了一个小空间,但它不应该.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" >
<a  href="#" role="button">
    Saber mais   
    <span class="glyphicon glyphicon-menu-right size"></span>  
    <span class="glyphicon glyphicon-menu-right size segundoGlyph "></span>
    </a>

编辑1:当文本大小高于glyphicon时？图标有一条细线,文字很粗!