吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-lock
2024-10-08 16:23:32
<!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>Lock Glyph</h2>
<p>Lock icon: <span class="glyphicon glyphicon-lock"></span></p>
<p>Lock icon as a link:
<a href="#">
<span class="glyphicon glyphicon-lock"></span>
</a>
</p>
<p>Lock icon on a button:
<button type="button" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-lock"></span> Lock
</button>
</p>
<p>Lock icon on a styled link button:
<a href="#" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-lock"></span> Lock
</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>
最新文章
- 最简单的推送--uexGetui
- Spark机器学习读书笔记-CH05
- PO、VO、DAO、BO、POJO
- asp.net下载文件方法
- Spring MVC 3 深入总结
- Android OpenGL 基础入门
- Redis和Memcache对比及选择
- java设计模式--结构型模式--桥接模式
- MySql命令行命令和SQL语句
- beforefieldinit释义(2)
- android 支持分组和联系人展示的一个小样例
- Python学习笔记——基础篇【第四周】——迭代器&;生成器、装饰器、递归、算法、正则表达式
- OOP in JS - Inheritance
- 切糕[HNOI2013]
- 基于Raft深度优化,腾讯云金融级消息队列CMQ高可靠算法详解
- Prim算法、Kruskal算法和最小生成树 | Minimum Spanning Tree
- 多线程之BlockingQueue中 take、offer、put、add的一些比较
- 为什么 echo 3 . print(2) . print(4) . 5 . &#39;c&#39;的结果是45c2131
- eos 空投列表网址 及 工具网站列表
- NTLM移除