大佬教程收集整理的这篇文章主要介绍了Glyphicons – Bootstrap 自适应网站字体图标,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
Bootstrap 内部包含了200多个免费图标。Glyphicons Halflings 通常只提供付费服务,这次免费为 Bootstrap 提供了这么多图标,所以如果你使用 Bootstrap 内部的 Glyphicons 图标,尽量为 Glyphicons Halflings 做个宣传,以示感谢。
使用方法如下:
Crayon-nums " data-setTings="show"> | Crayon-code"> Crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"> Crayon-line" id="Crayon-5c891d57c1a1a191931354-1">Crayon-o">Crayon-v">pCrayon-e">Envelope Crayon-v">iconCrayon-o">:Crayon-h"> Crayon-o">Crayon-e">span Crayon-t">classCrayon-o">=Crayon-s">"glyphicon glyphicon-envelope"Crayon-o">Crayon-o">/Crayon-v">spanCrayon-o">Crayon-o">/Crayon-v">pCrayon-h"> Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a1a191931354-2">Crayon-o">Crayon-v">pCrayon-e">Search Crayon-v">iconCrayon-o">:Crayon-h"> Crayon-o">Crayon-e">span Crayon-t">classCrayon-o">=Crayon-s">"glyphicon glyphicon-search"Crayon-o">Crayon-o">/Crayon-v">spanCrayon-o">Crayon-o">/Crayon-v">p Crayon-line" id="Crayon-5c891d57c1a1a191931354-3">Crayon-o">Crayon-v">pCrayon-e">Print Crayon-v">iconCrayon-o">:Crayon-h"> Crayon-o">Crayon-e">span Crayon-t">classCrayon-o">=Crayon-s">"glyphicon glyphicon-print"Crayon-o">Crayon-o">/Crayon-v">spanCrayon-o">Crayon-o">/Crayon-v">p |
效果如下:
当然需要引用一些css和js等外部@L_696_23@,完整的使用代码如下:
Crayon-nums " data-setTings="show"> Crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"> Crayon-num" data-line="Crayon-5c891d57c1a22004314119-1">1 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-3">3 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-5">5 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-7">7 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-9">9 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-11">11 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-13">13 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-15">15 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-17">17 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-19">19 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-21">21 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-23">23 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-25">25 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-27">27 Crayon-num" data-line="Crayon-5c891d57c1a22004314119-29">29 | Crayon-code"> Crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"> Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-2">Crayon-h">Crayon-o">Crayon-v">head Crayon-line" id="Crayon-5c891d57c1a22004314119-3">Crayon-h">Crayon-o">Crayon-e">Meta Crayon-v">nameCrayon-o">=Crayon-s">"viewport"Crayon-h"> Crayon-v">contentCrayon-o">=Crayon-s">"width=device-width,initial-scale=1" Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-4">Crayon-h">Crayon-o">Crayon-e">link Crayon-v">relCrayon-o">=Crayon-s">"stylesheet"Crayon-h"> Crayon-v">hrefCrayon-o">=Crayon-s">"//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" Crayon-line" id="Crayon-5c891d57c1a22004314119-5">Crayon-h">Crayon-ta">Crayon-e ">srcCrayon-o">=Crayon-s">"//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"Crayon-ta"> Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-6">Crayon-h">Crayon-ta">Crayon-e ">srcCrayon-o">=Crayon-s">"//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"Crayon-ta"> Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-8">Crayon-h">Crayon-o">Crayon-v">body Crayon-line" id="Crayon-5c891d57c1a22004314119-9">Crayon-h">Crayon-o">Crayon-e">div Crayon-t">classCrayon-o">=Crayon-s">"container" Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-10">Crayon-h">Crayon-o">Crayon-v">h2Crayon-e">Asterisk Crayon-v">GlyphCrayon-o">Crayon-o">/Crayon-v">h2 Crayon-line" id="Crayon-5c891d57c1a22004314119-11">Crayon-h">Crayon-o">Crayon-v">pCrayon-e">Asterisk Crayon-v">iconCrayon-o">:Crayon-h"> Crayon-o">Crayon-e">span Crayon-t">classCrayon-o">=Crayon-s">"glyphicon glyphicon-asterisk"Crayon-o">Crayon-o">/Crayon-v">spanCrayon-o">Crayon-o">/Crayon-v">pCrayon-h"> Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-12">Crayon-h">Crayon-o">Crayon-v">pCrayon-e">Asterisk Crayon-e">icon Crayon-st">asCrayon-h"> Crayon-i">aCrayon-h"> Crayon-v">linkCrayon-o">: Crayon-line" id="Crayon-5c891d57c1a22004314119-13">Crayon-h">Crayon-o">Crayon-i">aCrayon-h"> Crayon-v">hrefCrayon-o">=Crayon-s">"#" Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-14">Crayon-h">Crayon-o">Crayon-e">span Crayon-t">classCrayon-o">=Crayon-s">"glyphicon glyphicon-asterisk"Crayon-o">Crayon-o">/Crayon-v">span Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-16">Crayon-h">Crayon-o">Crayon-o">/Crayon-v">p Crayon-line" id="Crayon-5c891d57c1a22004314119-17">Crayon-h">Crayon-o">Crayon-v">pCrayon-e">Asterisk Crayon-e">icon Crayon-i">onCrayon-h"> Crayon-i">aCrayon-h"> Crayon-v">buttonCrayon-o">: Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-18">Crayon-h">Crayon-o">Crayon-e">button Crayon-v">typeCrayon-o">=Crayon-s">"button"Crayon-h"> Crayon-t">classCrayon-o">=Crayon-s">"btn btn-default btn-sm" Crayon-line" id="Crayon-5c891d57c1a22004314119-19">Crayon-h">Crayon-o">Crayon-e">span Crayon-t">classCrayon-o">=Crayon-s">"glyphicon glyphicon-asterisk"Crayon-o">Crayon-o">/Crayon-v">spanCrayon-h"> Crayon-v">Asterisk Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-20">Crayon-h">Crayon-o">Crayon-o">/Crayon-v">button Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-22">Crayon-h">Crayon-o">Crayon-v">pCrayon-e">Asterisk Crayon-e">icon Crayon-i">onCrayon-h"> Crayon-i">aCrayon-h"> Crayon-e">styled Crayon-e">link Crayon-v">buttonCrayon-o">: Crayon-line" id="Crayon-5c891d57c1a22004314119-23">Crayon-h">Crayon-o">Crayon-i">aCrayon-h"> Crayon-v">hrefCrayon-o">=Crayon-s">"#"Crayon-h"> Crayon-t">classCrayon-o">=Crayon-s">"btn btn-info btn-lg" Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-24">Crayon-h">Crayon-o">Crayon-e">span Crayon-t">classCrayon-o">=Crayon-s">"glyphicon glyphicon-asterisk"Crayon-o">Crayon-o">/Crayon-v">spanCrayon-h"> Crayon-v">Asterisk Crayon-line Crayon-Striped-line" id="Crayon-5c891d57c1a22004314119-26">Crayon-h">Crayon-o">Crayon-o">/Crayon-v">pCrayon-h"> |
以上是大佬教程为你收集整理的Glyphicons – Bootstrap 自适应网站字体图标全部内容,希望文章能够帮你解决Glyphicons – Bootstrap 自适应网站字体图标所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。