吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-search
2024-09-07 01:10:18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head> <body>
<div class="container">
<h2>Search Glyph</h2>
<p>Search icon: <span class="glyphicon glyphicon-search"></span></p>
<p>Search icon as a link:
<a href="#">
<span class="glyphicon glyphicon-search"></span>
</a>
</p>
<p>Search icon on a button:
<button type="button" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-search"></span> Search
</button>
</p>
<p>Search icon on a styled link button:
<a href="#" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-search"></span> Search
</a>
</p>
</div> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body> </html>
最新文章
- JSP基本语法小结
- JAVA分布式事务原理及应用(转)
- 对象Transform,对属性赋值
- poj1819Disks
- http://www.cnblogs.com/wzh206/archive/2010/03/21/1691112.html
- 基于开源软件在Azure平台建立大规模系统的最佳实践
- HDU-1016-素数环
- Ubuntu14.04上搭建FTP服务器
- js数组元素,获得某个元素的最大值。
- Vue系列之 =>; webpack的url loader
- Android配置AndroidAnnotations注解框架配置
- Android APK反编译详解(附图) (转)
- openvpn 客户端配置
- 【appium】根据accessibility_id定位元素
- VSAM:视频监控系统 A System for Video Surveillance and Monitoring
- 剑指Offer——最小的K个数
- 屏幕 z
- (转)python with as的用法
- 编译TypeScript(TypeScript转JavaScript)
- [转] docker rmi命令-删除image
热门文章
- Vue中 关于 ‘...mapGetters’的了解
- notepad++一次去掉所有空行,然后加上2个空行
- UniGUI之Login窗口(10)
- 复习jquery菜鸟教程
- Redis调用
- VS2010如何进行程序调试
- (十四)登陆注册 逻辑二 前端globalData的使用 和 Storage
- VS2008 error PRJ0002 : 错误的结果 31 (从“C:\Program Files\Microsoft SDKs\Windows\v6.0A\bin\rc.exe”返回)。
- C# 篇基础知识7——字符串
- Python dir和vars的区别